chrome瀏覽器如何斷點(diǎn)調(diào)試異步加載的JS
前言
在我們?nèi)粘ｉ_發(fā)中，常常利用chrome強(qiáng)大的控制臺(tái)Sources下面進(jìn)行代碼斷點(diǎn)調(diào)試，但是通過$.getScript等異步加載JS的方式在Sources里面就是找不到，那如何進(jìn)行debug斷點(diǎn)調(diào)試呢？下面來一起看看。
這是我們用Sources斷點(diǎn)調(diào)試的實(shí)例圖：
圖中我們可以看到，在index.js中我們通過$.getScript引入test.js，看看表現(xiàn)如何：
我們?cè)贜etwork中看到test.js已經(jīng)成功引入，但是它卻屬于XHR類請(qǐng)求，這樣我們?cè)赟ources必然找不到它。
不出所料，Sources里果然沒有發(fā)現(xiàn)test.js的蹤跡！高潮來了，那還怎么進(jìn)行斷點(diǎn)調(diào)試呢？？？
我知道兩個(gè)方案，先來最簡(jiǎn)單的：
方案一： 在test.js代碼的頭部或者尾部加上//@ sourceURL=test.js，然后在(no domain)里面找到它進(jìn)行調(diào)試，看看結(jié)果：
方案二： 把$.getScript這種異步的方式換成創(chuàng)建script標(biāo)簽同步加載的方式，直接上圖：
總結(jié)
控制臺(tái)斷點(diǎn)對(duì)我們進(jìn)行代碼檢查、功能檢測(cè)、數(shù)據(jù)查看等等需求太有用了，我們盡量用斷點(diǎn)替換那煩人的console.log吧，以上就是這篇文章的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)和工作能有所幫助，如果有疑問大家可以留言交流。
相關(guān)文章
這篇文章主要介紹了javascript制作的cookie封裝及使用指南,需要的朋友可以參考下2015-01-01
下面小編就為大家?guī)硪黄獪\談js中的變量名和函數(shù)名重名。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-02-02
基于javascript實(shí)現(xiàn)貪吃蛇小游戲
這篇文章主要介紹了基于javascript實(shí)現(xiàn)貪吃蛇小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-11-11
下面小編就為大家分享一篇JS刪除數(shù)組里的某個(gè)元素方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-02-02
這篇文章主要介紹了javascript隨機(jī)之洗牌算法深入分析,同時(shí)提供了一個(gè)完整實(shí)例,需要的朋友可以參考下2014-06-06
純JS實(shí)現(xiàn)只能輸入數(shù)字的簡(jiǎn)單代碼
本文給大家分享一段簡(jiǎn)單的代碼基于js實(shí)現(xiàn)只能輸入數(shù)字的方法，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧2017-06-06
Javascript中函數(shù)分類&this指向的實(shí)例詳解
其實(shí)想要徹底理解js中this的指向，不必硬背，這篇文章主要給大家介紹了關(guān)于Javascript中函數(shù)分類&this指向的相關(guān)資料,需要的朋友可以參考下2021-05-05
js實(shí)現(xiàn)圖片旋轉(zhuǎn) js滾動(dòng)鼠標(biāo)中間對(duì)圖片放大縮小
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片旋轉(zhuǎn),滾動(dòng)鼠標(biāo)中間對(duì)圖片放大縮小等效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
用Javascript做flash做的事..才完成的一個(gè)類.Auntion Action var 0.1
用Javascript做flash做的事..才完成的一個(gè)類.Auntion Action var 0.1...2007-02-02
JavaScript實(shí)現(xiàn)為事件句柄綁定監(jiān)聽函數(shù)的方法分析
這篇文章主要介紹了JavaScript實(shí)現(xiàn)為事件句柄綁定監(jiān)聽函數(shù)的方法,結(jié)合實(shí)例形式分析了javascript事件綁定的常用技巧與注意事項(xiàng),需要的朋友可以參考下2017-11-11