javascript - 确定哪个 JavaScript 文件应用了样式？

Question

我们有一个复杂的 RIA。一个特定的元素有一个流氓“display:none”附加到它，在浏览器检查器中查看时没有匹配的 CSS 文件 - 所以假设某处的 JS 文件正在动态应用它。能否查出是哪个脚本添加的？

谢谢。

Answer 1

1. 使用 Firefox 和 Firebug。
2. 在 Firebug DOM 检查器中找到元素。
3. 右键单击它
4. 选择“属性更改时中断”

或

1. 使用 Chrome
2. 在 Chrome 开发者工具 DOM 检查器中找到元素
3. 右键单击它
4. 选择 Break On… ➡ 属性修改

这就好像您在 JS 中的任何一点都有一个断点，您拥有更改属性的代码。由于 element.style.display = "none" 被映射到 style 属性，它会为此触发。