javascript - 找出哪些 javascript 更改了 DOM？

Question

我最近一直在使用大量其他的 JS，并且开始非常讨厌尝试调试它。即使使用 Chrome 的开发工具，我也无法追踪页面加载期间发生的大量 DOM 更改。

是否有任何工具可以告诉我 DOM 的哪一部分（比如添加的属性）是由什么 JS 完成的？

谢谢

Answer 1

在 Chrome 开发工具中，您可以选择在 DOM 更改时中断执行。

还有一个截图来说明 Wolfram 的答案（+1）

Answer 2

Jayraj 回答的一个小补充：DOM Mutation Events 上的断点。右键单击任何元素，您可以选择Break on Subtree ModificationsandBreak on Attributes Modifications和Break on Node Removal。

这也可以使用Firebug：右键单击一个元素，您可以使用一些选项来监视它的更改。