Chrome 除錯AJAX請求返回的JS指令碼

2022-02-02 01:58:08 字數 904 閱讀 4663

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

本地除錯 Chrome支援Ajax跨域

ajax本身是不支援跨域的,跨域問題其實很簡單,通過瀏覽器的相應設定可以完成兩個不同的伺服器或兩個不同服務下的專案互相訪問。希望大家給予評價及投票。1首先谷歌快捷方式上右擊,在下拉列表中選擇屬性。2開啟屬性視窗,切換到快捷方式選項卡下面,預設是常規選項卡。34 點選應用,然後點選確定關閉視窗。5如果...

chrome 適配除錯 Chrome 除錯技巧

寫在前面 本文包括瀏覽器除錯,不包括web移動端除錯。本文除錯均在chrome瀏覽器進行 alert 這個不用多說了,不言自明 console 基本輸出 console.log 列印字串 在控制台列印自定義字串 console.error 我是個錯誤 在控制台列印自定義錯誤資訊 console.in...

Chrome 除錯技巧

可快速關注 alert console 基本輸出 console.log在控制台輸出點東西,其實console還有其它的方法 console.log 列印字串 在控制台列印自定義字串 console.error 我是個錯誤 在控制台列印自定義錯誤資訊 console.info 我是個資訊 在控制台列...