javascript - 如何判断是哪一段 JavaScript 改变了给定的 HTML 标签？

Question

我经常想改变一些关于 JS 如何改变 DOM 的相对次要的细节，但我永远无法弄清楚哪个脚本中的哪个函数改变了给定的标签。如何做到这一点？

例如，在 this page 上，我想要任何 JS 将“选定”类添加到各种 a 标签，以便将它也添加到封闭的 li 标签。但是，我不知道如何弄清楚这是在哪里发生的。

澄清:尽管我很想知道我当前遇到的具体难题的答案，但我更愿意被教导如何自己解决这个问题。

澄清:有没有办法指向 DOM 中的某个对象并找出哪些脚本正在/正在访问/修改该对象？换句话说，“观察”该对象以进行 JS 访问/修改。

Answer 1

你需要的是DOM breakpoints在 WebKit 的开发者工具中。

它们专为跟踪 DOM 突变事件而设计 - 例如元素属性的更改(您的情况)、元素删除或添加子元素。可以引用tutorial在 DevTools 文档中。

在基本情况下，您可能希望使用 grep 来搜索代码中的字符串，例如 "selected"。