動態調試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地址:在這里
詳細地址:在這里