瀏覽器調(diào)試動(dòng)態(tài)js腳本的方法(圖解)
前兩天拉取公司前端代碼修改，發(fā)現(xiàn)在開(kāi)發(fā)者工具的sources選項(xiàng)里邊，居然沒(méi)有列出來(lái)我要調(diào)試的js腳本，后來(lái)觀察了一下，腳本是動(dòng)態(tài)在頁(yè)面里引入的，可能是因?yàn)檫@樣所以不顯示出來(lái)，但是如果不能斷點(diǎn)調(diào)試，只靠打印日志真要把人累死了，效率太低，網(wǎng)絡(luò)搜索試驗(yàn)了一下，有兩種方式可以解決：
1、在腳本里邊增加 //# sourceURL=xxxxxxxxx.js，名稱自己命名，可以直接使用文件名，如下圖：
然后在網(wǎng)頁(yè)里打開(kāi)包含這個(gè)js的頁(yè)面，這樣就在開(kāi)發(fā)者工具里能夠看到了，可以像普通js一樣正常打斷點(diǎn)并進(jìn)行調(diào)試
2、第二種方法是利用 console.log("讓我調(diào)試吧！") 打印日志，在瀏覽器console里看到輸出后，點(diǎn)擊后面的鏈接，即跳入動(dòng)態(tài)腳本。名字一般為vmXXX，如下圖：
總結(jié)
以上所述是小編給大家介紹的瀏覽器調(diào)試動(dòng)態(tài)js腳本的方法，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
淺談javascript獲取元素transform參數(shù)
本文主要給大家簡(jiǎn)單介紹了javascript獲取元素的transform參數(shù)的方法以及個(gè)人的理解，記錄下來(lái)分享給大家。2015-07-07
javascript中select下拉框的用法總結(jié)
這篇文章主要為大家介紹了javascript中select下拉框的用法，select在開(kāi)發(fā)中經(jīng)常被用到，用于進(jìn)行選項(xiàng)選擇,需要的朋友可以參考下2016-01-01
JavaScript實(shí)現(xiàn)簡(jiǎn)易放大鏡最全代碼解析(ES5)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)易放大鏡最全代碼，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-09-09
關(guān)于innerHTML后丟失動(dòng)態(tài)綁定的EVENT問(wèn)題解決方法
用innerHTML取出一段內(nèi)容后再innerHTML回去,那么原來(lái)動(dòng)態(tài)綁定的事件就會(huì)丟失，下面與大家分享下解決方法，感興趣的朋友可以參考下哈2013-05-05
JavaScript中instanceof運(yùn)算符的用法總結(jié)
這篇文章主要是對(duì)JavaScript中instanceof運(yùn)算符的用法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2013-11-11
下面小編就為大家分享一篇圖片加載完成再執(zhí)行事件的實(shí)例，具有很好的參考價(jià)值，一起跟隨小編過(guò)來(lái)看看吧，希望對(duì)大家有所幫助2017-11-11
js實(shí)現(xiàn)的常用的左側(cè)導(dǎo)航效果
使用js簡(jiǎn)單實(shí)現(xiàn)下常用的左側(cè)導(dǎo)航效果為提高導(dǎo)航性能而生，各位朋友可以參考應(yīng)用，希望對(duì)大家有所幫助2013-10-10
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)多張圖片每隔一秒切換一張圖片，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-07-07
JavaScript冒泡算法原理與實(shí)現(xiàn)方法深入理解
這篇文章主要介紹了JavaScript冒泡算法,結(jié)合實(shí)例形式詳細(xì)分析了JavaScript冒泡算法基本原理、實(shí)現(xiàn)方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下2020-06-06
基于JavaScript實(shí)現(xiàn)留言板功能
這篇文章主要為大家詳細(xì)介紹了基于JavaScript實(shí)現(xiàn)留言板功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03