找到javascript更改DOM的内容?

Ben*_*Ben 47 javascript debugging

我最近一直在和很多其他人一起工作,我开始真的讨厌尝试调试它.即使使用Chrome的开发工具,我也无法追踪页面加载期间发生的大量DOM更改.

是否有任何工具可以告诉我哪些部分DOM(比如添加的属性)是由什么JS完成的?

谢谢

Jay*_*Jay 47

在Chrome开发工具中,您可以选择在DOM更改时中断执行. 在此输入图像描述

还有截图来说明Wolfram的答案(+1)

在此输入图像描述


Wol*_*ram 21

Jayraj答案的一个小小的补充:DOM突变事件的断点.右键点击任何元素,您可以选择Break on Subtree ModificationsBreak on Attributes ModificationsBreak on Node Removal.

使用Firebug也可以这样做:右键单击一个元素,您可以选择监视它以进行更改.