如何查找哪个脚本修改了选定属性的 css

Posted 2023-05-09

【中文标题】如何查找哪个脚本修改了选定属性的 css

【英文标题】：How to find which script modifies css of selected attribute

【发布时间】：2013-08-22 00:46:59

【问题描述】：

有没有办法获取哪些脚本修改了选定的 DOM 元素以及以什么顺序修改的信息？

在我的网站上，我修改了 div A 的宽度。但是，似乎其他一些脚本在此之后修改了该宽度，但我不知道它是哪个脚本。我怎样才能找到它？

编辑： 在搜索了更多之后，我发现在firebug中你可以右键单击html视图中的属性，然后选择“stop javascript on change”（或类似的东西，我的firefox不是英文的），问题是它在重新加载页面后重置，是什么让它对我有用。

【问题讨论】：

网站链接在哪里？

【参考方案1】：

我正在使用 chrome 开发人员工具来调试我的页面。它支持给dom元素添加断点，当dom的属性被javascript修改时，它会立即中断渲染过程。我想你可以试试。

【讨论】：

我试过了，问题是当我刷新页面时，这些断点似乎会重置，而我正在寻找的更改发生得太快，我无法捕捉到它。

@Xyzk - 在这种情况下，您可以尝试自己编写“断点”，使用 Mutation 事件 (developer.mozilla.org/en-US/docs/Web/Guide/Events/…)