如何跟踪 JavaScript 对 DOM 所做的更改？ [复制]答案

【问题标题】：How can i trace changes made to the DOM by JavaScript? [duplicate]如何跟踪 JavaScript 对 DOM 所做的更改？ [复制]
【发布时间】：2009-10-05 13:16:12
【问题描述】：

我有一个正在开发的大型网站，其中有大量不同文件中的 JS。我遇到了从 DOM 中删除类的问题。我在查看源代码时可以看到它，但在 Firebug 中看不到。

通常我会使用 hasClass 值进行一些 alerts/console.log 调用，但因为我不知道从哪里开始，所以我想知道是否可以在更改以某种方式发生时追溯到它？

丹尼斯

【问题讨论】：

见stackoverflow.com/questions/648996/…
还有stackoverflow.com/questions/1218445/…（特定于IE）

标签： javascript jquery debugging

【解决方案1】：

Firebug 让您set a breakpoint and single-step through your code。这应该清楚地表明问题发生在哪里。

【讨论】：

这意味着要逐行遍历每个 JS 文件的每一行？如果是这样，那是不切实际的。

【解决方案2】：

该特定类名必须在删除它的隐藏函数中使用，对吗？所以要么在基于 posix 的系统上使用grep，或者，如果您使用的是 Win 系统，请使用您的 IDE“文件搜索”功能来跟踪该修改。

【讨论】：

我的一个朋友（intellectronica.net）刚刚给我发了一条评论（在friendfeed），他是这么说的：在YUI3中，每个对象的每个属性都有一个相应的更改事件，所以您可以为类属性的更改事件创建一个处理程序，在那里放置一个断点并检查堆栈跟踪。这是一个绝妙的主意，他们应该将其作为 DOM 的标准。