快捷導(dǎo)航

JS?debug跳過(guò)的7種方法總結(jié)

更新時(shí)間：2023年07月21日 09:40:37 作者：Codeoooo

在JS開發(fā)過(guò)程中,代碼可能存在一些語(yǔ)法或者邏輯上的錯(cuò)誤,導(dǎo)致程序不能得到我們想要的結(jié)果,這時(shí)就需要我們找到并修復(fù)這些錯(cuò)誤,我們將查找和修復(fù)錯(cuò)誤的過(guò)程稱為調(diào)試或代碼調(diào)試,這篇文章主要給大家介紹了關(guān)于JS?debug跳過(guò)的7種方法,需要的朋友可以參考下

第一種反調(diào)試解決方法: 禁用斷點(diǎn)法
第二種反調(diào)試解決方法: 從來(lái)不執(zhí)行法
第三種反調(diào)試解決方法: 條件斷點(diǎn)法
第四種反調(diào)試解決方法：置空函數(shù)法
第五種反調(diào)試解決方法：本地替換法
第六種反調(diào)試解決方法：ReRes法
第七種反調(diào)試解決方法：Fiddler綠閃電法
總結(jié)

JS debug跳過(guò)的幾種方法

第一種反調(diào)試解決方法: 禁用斷點(diǎn)法

禁用所有斷點(diǎn)，包括自己打的斷點(diǎn)，無(wú)法調(diào)式。

第二種反調(diào)試解決方法: 從來(lái)不執(zhí)行法

在debug處點(diǎn)擊右鍵，選擇 Nerver pause here，點(diǎn)擊確定。

第三種反調(diào)試解決方法: 條件斷點(diǎn)法

在debug處點(diǎn)擊右鍵，選擇 Add conditional breakpoint,然后輸入 false，添加false條件。

第四種反調(diào)試解決方法：置空函數(shù)法

找到這個(gè)debug方法名，在控制臺(tái)重寫替換，將其置空。

方法名 = function(){} 或者 function 方法名(){}

第五種反調(diào)試解決方法：本地替換法

Chrome 開發(fā)工具自帶的 Override 可以實(shí)現(xiàn)本地替換。

第六種反調(diào)試解決方法：ReRes法

谷歌商店安裝：https://chrome.google.com/webstore/detail/reres/gieocpkbblidnocefjakldecahgeeica?hl=zh-CN&gl=CN

下載好離線版本之后打開chrome://extensions/拖入即可安裝

安裝好后，在chrome://extensions/找到 ReRes ，勾選允許訪問(wèn)文件網(wǎng)址，至此完成 ReRes 的配置。

點(diǎn)開添加規(guī)則之后：

- **If URL match**：一個(gè)正則表達(dá)式，當(dāng)請(qǐng)求的URL與之匹配時(shí)，規(guī)則生效。注意:不要填開頭的`/`和結(jié)束的`/gi`，如`/.*/gi`請(qǐng)寫成`.*`
- **Response**：映射的響應(yīng)地址，這個(gè)地址會(huì)替換掉url中與上面正則匹配的部分。線上地址請(qǐng)以[http://開頭，本地地址以file:///開頭，比如](http://xn--%2Cfile-pk2hk90ca8l21sn8sl9w///開頭，比如)`http://cssha.com`或`file:///D:/a.js`

添加完成，點(diǎn)擊保存，重新加載頁(yè)面即可。注意需要授權(quán)讀寫權(quán)限。

附上一段Js debug調(diào)試demo

function start_debug(){
    debugger;
}
console.log("start_debug");
var i=0;
while (i < 10){
    start_debug();
    i++;
    console.log("i:", i);
}
console.log("end_debug");

詳細(xì)請(qǐng)點(diǎn)擊 https://github.com/annnhan/ReRes