溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
[javascript] 利用chrome的overrides實時調(diào)試線上js
chrome的開發(fā)者工具，在source選項卡下，可以看到js的源代碼，有一個斷點調(diào)試功能，就是在js的源代碼行號那里點擊一下，出現(xiàn)一個箭頭，當再次刷新頁面并且進行了相應操作時，就會停在斷點的地方。我們可以查看相應的變量值，在右側(cè)可以手動改變變量值，進行調(diào)試。
這個地方有一個缺點，就是沒有辦法對代碼表達式等進行手動修改，修改完再去運行調(diào)試。如果我們在編輯窗口更改了js，他并不能真正的作用于線上代碼。你保存了也沒有任何效果，你刷新了頁面，直接就沒有了，沒有辦法像css的調(diào)試那樣，可以完全實時修改代碼和查看效果。
經(jīng)過我一番折騰，終于找到了下面這樣的方法。在sources下，點擊>> ，有一個overrides的選項卡，他的功能是覆蓋。把本地的代碼覆蓋線上的代碼，當然只是我們本機測試起作用，并不是真正覆蓋。要求是本地的目錄與線上的目錄完全一致，比如線上的top，域名，層層目錄，文件名，要完全一致。
本地新建這些目錄，并且把js也新建好，點擊overrides后選中top目錄，就可以真正的實時映射覆蓋了，我們在本地js里修改代碼，會被激活。
經(jīng)過這樣的功能，我就解決了之前那個正則驗證的問題。因為在家辦公，不方便上線js代碼，但是用戶又急著想提交數(shù)據(jù)，他那條數(shù)據(jù)不符合正則的規(guī)則提交不上去。我就把本地代碼的正則先去掉，幫他提交到后端接口，后端的正則里沒有驗證這條規(guī)則。
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼
