如何使用 Chrome 瀏覽器調試動態加載的 Javascript 腳本


在IE中,可以在調試程序的文檔列表最下方看到一個“動態腳本”的文件夾,里面可以找到動態加載的腳本,但是。。。數量繁多,也不能自定義名稱。。。

image

但是在 Chrome 中,貌似根本找不到動態腳本,網上搜了一下,發現可以使用   //# sourceUrl=xxx.js   來自定義動態腳本的名稱,非常方便!

image

<script>
    //# sourceUrl=xxx.js
    //其它的js代碼。。。
</script>

還可以使用 //# sourceURL=http://abc.com/xxx.js 這樣的格式,用域名以及路徑來分類不同的動態腳本!

image

另附官方文檔:https://developer.chrome.com/devtools/docs/javascript-debugging#source-maps

 

根據IE官方博客的描述,在最新的IE中,貌似已經可以使用 sourceUrl 注釋了,但是測試了一下,仍然沒有任何效果。。。也可能是我使用的方法不對。。。(測試IE版本:11.0.9600.17842)

http://blogs.msdn.com/b/ie/archive/2014/04/14/what-s-new-in-f12-with-windows-8-1-update.aspx

其余(火狐?)瀏覽器暫未測試。。。好吧,剛去測試了一下,火狐也是支持的,沒問題!


免責聲明!

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



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