JS?debug跳過(guò)的7種方法總結(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 開(kāi)發(fā)工具自帶的 Override 可以實(shí)現(xiàn)本地替換。
第六種反調(diào)試解決方法：ReRes法
谷歌商店安裝：https://chrome.google.com/webstore/detail/reres/gieocpkbblidnocefjakldecahgeeica?hl=zh-CN&gl=CN
下載好離線版本之后打開(kāi)chrome://extensions/拖入即可安裝
安裝好后，在chrome://extensions/找到 ReRes ，勾選允許訪問(wèn)文件網(wǎng)址，至此完成 ReRes 的配置。
點(diǎn)開(kāi)添加規(guī)則之后：
- **If URL match**： 一個(gè)正則表達(dá)式，當(dāng)請(qǐng)求的URL與之匹配時(shí)，規(guī)則生效。注意:不要填開(kāi)頭的`/`和結(jié)束的`/gi`，如`/.*/gi`請(qǐng)寫成`.*`
- **Response**： 映射的響應(yīng)地址，這個(gè)地址會(huì)替換掉url中與上面正則匹配的部分。線上地址請(qǐng)以[http://開(kāi)頭，本地地址以file:///開(kāi)頭，比如](http://xn--%2Cfile-pk2hk90ca8l21sn8sl9w///開(kāi)頭，比如)`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
第七種反調(diào)試解決方法：Fiddler綠閃電法
fiddler 綠閃電圖標(biāo)替換大法。
總結(jié)
到此這篇關(guān)于JS debug跳過(guò)的7種方法的文章就介紹到這了,更多相關(guān)JS debug跳過(guò)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要為大家介紹了three.js?Mool3D模型類的使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-03-03
zepto.js中tap事件阻止冒泡的實(shí)現(xiàn)方法
這篇文章主要介紹了zepto.js中tap事件阻止冒泡的實(shí)現(xiàn)方法,實(shí)例分析了由冒泡產(chǎn)生的click延遲解決方法,需要的朋友可以參考下2015-02-02
js函數(shù)使用技巧之 setTimeout(function(){},0)
setTimeout的作用是將函數(shù)推遲第二參數(shù)設(shè)定的毫秒數(shù)后再執(zhí)行，如果是0，就意味著瀏覽器要馬上執(zhí)行該函數(shù)，但是瀏覽器解析到setTimeout，雖然會(huì)"立刻"執(zhí)行2009-02-02
JavaScript中的事件循環(huán)機(jī)制解讀
本文全面介紹了JavaScript的事件循環(huán)機(jī)制,包括其基本概念、組成部分、任務(wù)隊(duì)列的詳細(xì)解釋、完整的執(zhí)行流程、實(shí)際代碼演示、瀏覽器與Node.js的區(qū)別、常見(jiàn)面試題分析以及性能優(yōu)化技巧,通過(guò)記憶口訣“同微宏,微先走,宏之后,微清空”,幫助讀者更好地理解和應(yīng)用事件循環(huán)機(jī)制2025-10-10
JS基于Ajax實(shí)現(xiàn)的網(wǎng)頁(yè)Loading效果代碼
這篇文章主要介紹了JS基于Ajax實(shí)現(xiàn)的網(wǎng)頁(yè)Loading效果代碼,通過(guò)時(shí)間函數(shù)結(jié)合數(shù)學(xué)運(yùn)算實(shí)現(xiàn)頁(yè)面樣式的動(dòng)態(tài)變換技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-10-10
Document.body.scrollTop的值總為零的快速解決辦法
這篇文章主要介紹了Document.body.scrollTop的值總為零的解決方法的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下2016-06-06
在前端開(kāi)發(fā)中，優(yōu)化頁(yè)面性能是非常重要的一個(gè)方面，頁(yè)面性能優(yōu)化可以提升網(wǎng)站的用戶體驗(yàn)，加速頁(yè)面的加載速度，提高用戶的滿意度，本文講解了前端通用的優(yōu)化策略，需要詳細(xì)了解可以參考下2023-05-05
js showModalDialog參數(shù)的使用詳解
本篇文章主要是對(duì)js中showModalDialog參數(shù)的使用進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
bind()方法主要就是將函數(shù)綁定到某個(gè)對(duì)象，bind()會(huì)創(chuàng)建一個(gè)函數(shù)，函數(shù)體內(nèi)的this對(duì)象的值會(huì)被綁定到傳入bind()第一個(gè)參數(shù)的值，當(dāng)然這是綁定哦，不是像call、apply一樣直接執(zhí)行，apply要執(zhí)行的話還得自己調(diào)用2022-12-12
微信小程序網(wǎng)絡(luò)數(shù)據(jù)請(qǐng)求的實(shí)現(xiàn)詳解
這篇文章主要為大家介紹了微信小程序網(wǎng)絡(luò)數(shù)據(jù)請(qǐng)求的實(shí)現(xiàn)講解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-08-08