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

Question

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

谢谢。

Answer 1

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

或者

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

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