什麼是找出最佳的方式，也即改變

Question

頁

特定HTML內容的JavaScript代碼，我在我的網頁<p>標籤和我試圖找出哪些JavaScript函數，添加文字這個元素裏面，有沒有任何具體的方式鉻中對這個標籤監聽器來找出哪些腳本，寫上這個標籤嗎？

Answer 1

最直接的（低噪音）的方式使用同步暫停，讓您在整個調用堆棧閒逛：

1. 打開Chrome的devtools。
2. 右鍵單擊devtools「Elements」選項卡中的元素以顯示上下文菜單
3. 選擇Break On ...> Subtree Modifications。

元素的「innerHTML」發生更改後，腳本執行會暫停，您可以在「Sources」選項卡中查看整個調用堆棧，包括DOM更改所需的任何函數。

某些DOM修改（如動畫庫）可以使用setTimeout或回調函數，它會丟棄導致更改的大部分調用堆棧，在這些情況下，Profile可能更有趣，因爲動畫函數應該像在「沉重的」視野中一個痛癢的拇指。