瀏覽器調試動態js腳本的方法圖解教程

前兩天拉取公司前端代碼修改，發現在開發者工具的sources選項里邊，居然沒有列出來我要調試的js腳本，后來觀察了一下，腳本是動態在頁面里引入的，可能是因為這樣所以不顯示出來，但是如果不能斷點調試，只靠打印日志真要把人累死了，效率太低，網絡搜索試驗了一下，有兩種方式可以解決：

1、在腳本里邊增加 //# sourceURL=xxxxxxxxx.js，名稱自己命名，可以直接使用文件名，如下圖：

然后在網頁里打開包含這個js的頁面，這樣就在開發者工具里能夠看到了，可以像普通js一樣正常打斷點并進行調試

2、第二種方法是利用 console.log("讓我調試吧！") 打印日志，在瀏覽器console里看到輸出后，點擊后面的鏈接，即跳入動態腳本。名字一般為vmXXX，如下圖：

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com