有時候會使用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中間必須有空格。