javascript - 如何查看 JS 在 Chrome 开发工具或 Firefox 开发工具中改变了我元素的样式？

我是一个菜鸟问题，因为我刚刚学习 JS，所以我还不擅长它。

我目前正在构建一个网站广告，添加了一些 JS 片段来执行一些操作。现在我的页脚有opacity: 0并且它不是来自 CSS，因此必须来自一些 JS，但我找不到它。如何在 Chrome 或 Firefox DevTools 中找到 JS 正在修改特定 HTML 元素的样式？

这是显示代码的屏幕截图：

我检查了我所有的 JS 文件，但找不到任何给我 footer的东西opacity:0。

标签： javascriptgoogle-chrome-devtoolsfirefox-developer-tools

Chrome DevTools 允许您在 DOM 结构中的特定更改处停止。

为此，请右键单击该元素并从上下文菜单中选择Break on >属性修改。

然后，一旦style添加了属性（可能需要重新加载页面），脚本执行将在发生更改的 JavaScript 行处停止。