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

标签 javascript google-chrome-devtools firefox-developer-tools

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

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

这是显示代码的屏幕截图:
https://imgur.com/iYIeSPO

我检查了我所有的 JS 文件,但找不到任何给我的页脚 opacity:0 .

最佳答案

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

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

Break on attribute modifications

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

关于javascript - 如何查看 JS 在 Chrome 开发工具或 Firefox 开发工具中改变了我元素的样式?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56721088/

相关文章:

javascript - d3.js 树状图新数据不渲染

javascript - 当您返回浏览器时如何避免重新计算值(value)?

css - 是否可以在 Firefox 开发人员工具中查看所有已编辑的样式?

javascript - 在谷歌地图中添加标记

css - 如何在没有工作区的情况下从 Chrome 保存 CSS 更改?

google-chrome-devtools - "Cookies used by frames from X"在 Chrome 开发工具中是什么意思?

javascript - page.$$eval() 未按预期工作(Puppeteer)

performance-testing - Firefox 性能调用树函数 IDLE

firefox - 在 Firefox 中查看服务器发送的事件

javascript - 带有两个计数器的 For 循环,以及令人困惑的 if-else 语句。(JavaScript)