chrome的開發者工具，在source選項卡下，可以看到js的源代碼，有一個斷點除錯功能，就是在js的源代碼行號那里點擊一下，出現一個箭頭，當再次重繪頁面并且進行了相應操作時，就會停在斷點的地方，我們可以查看相應的變數值，在右側可以手動改變變數值，進行除錯，
這個地方有一個缺點，就是沒有辦法對代碼運算式等進行手動修改，修改完再去運行除錯，如果我們在編輯視窗更改了js，他并不能真正的作用于線上代碼，你保存了也沒有任何效果，你重繪了頁面，直接就沒有了，沒有辦法像css的除錯那樣，可以完全實時修改代碼和查看效果，
經過我一番折騰，終于找到了下面這樣的方法，在sources下，點擊>> ，有一個overrides的選項卡，他的功能是覆寫，把本地的代碼覆寫線上的代碼，當然只是我們本機測驗起作用，并不是真正覆寫，要求是本地的目錄與線上的目錄完全一致，比如線上的top，域名，層層目錄，檔案名，要完全一致，
本地新建這些目錄，并且把js也新建好，點擊overrides后選中top目錄，就可以真正的實時映射覆寫了，我們在本地js里修改代碼，會被激活，
經過這樣的功能，我就解決了之前那個正則驗證的問題，因為在家辦公，不方便上線js代碼，但是用戶又急著想提交資料，他那條資料不符合正則的規則提交不上去，我就把本地代碼的正則先去掉，幫他提交到后端介面，后端的正則里沒有驗證這條規則，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/146304.html
標籤：JavaScript
上一篇：基本包裝型別