Chrome 除錯動態載入的js

2022-03-10 20:41:06 字數 282 閱讀 1063

今天有個同事問到我用chrome除錯動態載入js的問題,這個問題之前遇到過,只是時間有點長了,有些忘記。在這裡做一下記錄:

在要除錯的原始碼的後面加上 //@ sourceurl= debug.js 注釋。

這樣子,當瀏覽器檢測到這個標記的時候,就會在指令碼列表中列出debug.js作為原始碼的檔案,同樣,你可以在上面打斷點,檢視變數名之類的操作。

//@ sourceurl=xx的方式有時候瀏覽器不能全部識別,這時候可以在除錯的**加入debugger指令,這樣子瀏覽器遇到debugger指令就會暫停下來。

除錯動態載入的js

用瀏覽器無法除錯非同步載入頁面裡包含的js檔案。簡單的說就是在除錯工具裡面看不到非同步載入頁面裡包含的js檔案 最近在乙個新的web專案中開發功能。這個專案的管理介面有乙個特點,框架是固定的,不會重新整理,每次點新的頁面僅僅重新整理乙個div。div裡面不是套的iframe,於是導致了乙個問題,用瀏...

在chrome中除錯非同步載入的js檔案

我們常常利用chrome強大的控制台sources下面進行 斷點除錯,但是通過 getscript等非同步載入js的方式在sources裡面就是找不到,那如何進行debug斷點除錯呢?方案一 在script 的頭部或者尾部加上 sourceurl js,然後在 no domain 裡面找到它進行除錯...

Chrome基本JS除錯

chrome 算是開發者用的最多的工具了。而其中的控制台更是除錯js的利器,今天就學習一下基本的控制台的js除錯。console.assert expression,object 當expression false時寫入列印出object console.clear 清除控制台內容 要是preser...