最近我一直在用其他的JS,並且開始非常討厭試圖調試它。即使使用Chrome的開發工具,我也無法追蹤頁面加載過程中發生的很多DOM變化。查找JavaScript更改DOM?
是否有任何工具可以告訴我哪些部分的DOM(比如附加屬性)是由JS完成的?
感謝
最近我一直在用其他的JS,並且開始非常討厭試圖調試它。即使使用Chrome的開發工具,我也無法追蹤頁面加載過程中發生的很多DOM變化。查找JavaScript更改DOM?
是否有任何工具可以告訴我哪些部分的DOM(比如附加屬性)是由JS完成的?
感謝
在Chrome瀏覽器開發工具,你必須打破執行當DOM改變的選項。
另外一個屏幕截圖來說明Wolfram的答案(+1)
A小調除了Jayraj的回答是:Breakpoints on DOM Mutation Events。右鍵點擊任何元素,你可以選擇Break on Subtree Modifications
和Break on Attributes Modifications
和Break on Node Removal
。
這也可以使用Firebug:右鍵點擊一個元素,你有一些選項來監視它的變化。
有沒有辦法使用選擇器打破DOM元素的子集?謝謝 –