Chrome 調試AJAX請求返回的JS腳本


  有時候會使用AJAX請求加載局部的Html頁面,這個時候如果想調試局部頁面中的js就比較麻煩,現在暫時發現了兩種方法。第一種是在js代碼中想要斷點的地方加debugger,這樣代碼執行到此處會進入斷點。此時你會發現進入斷點的js文件名稱是VM+數字,關於Chrome的VMJS腳本可以查看這個文檔。Chrome VM

 

B乎的解釋

  除了增加debugger這種略顯麻煩的方式外,還有另外一種調試的方式。那就是在腳本首部增加這行代碼。

  //# sourceURL=名字隨意起.js

  經測試,在Chrome下將#更換為@也可以,如果是.Net MVC開發人員,可以使用#的方式或者雙@@表示@字符。

  這行代碼的意思大致是將Dom內嵌的js代碼映射成單獨的js文件,js文件名稱就是你隨意起的名稱。

 

 如圖

在Chrome中顯示的效果,ManagerMember.js即是映射文件,會出現在no domain

 

注意:

//# sourceURL=名字隨意起.js

  上面的代碼在js中就是相當於加了個注釋,只寫 sourceURL=名字隨意起.js是不行的必須加上代表注釋的//。而且#或者@和sourceURL中間必須有空格

附:SourceURL詳細解釋


免責聲明!

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



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