天天看點

利用chrome調試動态JS腳本檔案

動态調試JS腳本檔案:(JS源映射 - sourceURL)與 debugge

當你以動态的方式加載 JS 檔案的時候(就是動态加載JS腳本),你就會發現,調試這個加載後的動态JS太過于費勁了,很難調試,那麼,以下方案幫你搞定!

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

 PS:

       @符号和 <code>sourceURL</code>間必須有空格,否則達不到效果。!!!

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

解決方式2:debugger神器

例如:

gitHub位址:在這裡

詳細位址:在這裡

js