利用chrome調試動態JS腳本文件


 

動態調試JS腳本文件:(JS源映射 - sourceURL)與 debugge

 

問題描述:

 

當你以動態的方式加載 JS 文件的時候(就是動態加載JS腳本),你就會發現,調試這個加載后的動態JS太過於費勁了,很難調試,那么,以下方案幫你搞定!

 

 

 

 解決方式1:sourceURL(源映射)—> //@ sourceURL=b.js

 

//@ sourceURL=quarterEvaluation.js

 

 PS:

       @符號和 sourceURL間必須有空格,否則達不到效果。!!!

       @符號和 sourceURL間必須有空格,否則達不到效果。!!!

       @符號和 sourceURL間必須有空格,否則達不到效果。!!!

 

例如:我在a.html頁面,通過Jquery的 $(id).load(b.html)方法載入b頁面內容,同時在b頁面中又通過script又引用b.js文件,此時調試的時候,是很難調試b.js文件的,那么我們可以在要調試的JS頂部加上,上面的哪行代碼即可!

//@ sourceURL=b.js(要調試當前文件的全名)
 console.log(123); console.log(456);

解決方式2:debugger神器

例如:

 

debugger console.log(123); debugger console.log(456);

 

 

 

gitHub地址:在這里

詳細地址:在這里

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM