2012-06-29 45 views
39

最近我一直在用其他的JS,並且開始非常討厭試圖調試它。即使使用Chrome的開發工具,我也無法追蹤頁面加載過程中發生的很多DOM變化。查找JavaScript更改DOM?

是否有任何工具可以告訴我哪些部分的DOM(比如附加屬性)是由JS完成的?

感謝

回答

39

在Chrome瀏覽器開發工具,你必須打破執行當DOM改變的選項。 enter image description here

另外一個屏幕截圖來說明Wolfram的答案(+1)

enter image description here

+0

有沒有辦法使用選擇器打破DOM元素的子集?謝謝 –

18

A小調除了Jayraj的回答是:Breakpoints on DOM Mutation Events。右鍵點擊任何元素,你可以選擇Break on Subtree ModificationsBreak on Attributes ModificationsBreak on Node Removal

這也可以使用Firebug:右鍵點擊一個元素,你有一些選項來監視它的變化。