find什么JavaScript更改DOM?

最近我一直在和其他的JS一起工作,并开始非常讨厌试图debugging它。 即使使用Chrome的开发工具,我也无法追踪页面加载过程中发生的很多DOM变化。

有什么工具可以告诉我哪些部分的DOM(比如一个附加的属性)是由JS完成的吗?

谢谢

在Chrome开发工具中,您可以select在DOM更改时中断执行。 在这里输入图像说明

另外一个截图来说明Wolfram的答案(+1)

在这里输入图像说明

Jayraj的回答是: DOM突变事件的断点 。 右键单击任何元素,您可以selectBreak on Subtree ModificationsBreak on Attributes ModificationsBreak on Node Removal

这也可以使用Firebug :右键单击一个元素,你有一些选项来监视它的变化。