javascript - 在 Web 浏览器中,如何找出触发隐藏 CSS 类出现在 javascript 中的原因?

标签 javascript google-chrome-devtools

作为一名自由 Wordpress 开发人员,我发现自己陷入了一些“损坏”的项目中 - 问题通常最终是 JavaScript 中的某种路径问题/语法错误/等。

我现在的情况是,我正在尝试将在站点 A 中有效的内容移植到站点 B 中。基本上,问题涉及鼠标悬停事件,导致出现类名为“overlay-ico”的 div。

我确信 Chrome、Firefox 等中一定有某种调试工具,可以让我轻松地完成此操作,而无需查看所有源代码?

更新: 我熟悉能够检查 HTML(至少以基本方式),但我不知道这如何向我显示什么会触发事件发生。

我还知道有一个控制台,据我所知,它只输出错误,或者已明确定向到控制台输出的内容。

代码中一定有某个地方正在等待鼠标悬停事件,从而触发“overlay-ico”出现。我确信如果我在所有源代码中搜索“overlay-ico”,我就可以做到这一点 - 但我认为必须有一种更快的方法来找到它。

最佳答案

在 Windows 中,F12 可在大多数浏览器中打开调试面板。

在 Chrome 中,您可以检查元素,然后单击右侧 Pane 中的“事件监听器”选项卡。这可能会显示您所追求的。没有亲眼所见,很难说。

关于javascript - 在 Web 浏览器中,如何找出触发隐藏 CSS 类出现在 javascript 中的原因?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20227773/

相关文章:

html - 为什么 Chrome 在响应模式下缩小 View ?

google-chrome-devtools - 如何将新设备 (iPhone SE) 添加到 Google Chrome 开发者工具

javascript - EXTJS ||在 GridPanel 中实现复选框选择模型时需要帮助

javascript - 如何从 React 中选项标签上的自定义属性检索数据

javascript - Mongoose - 聚合数据

vue.js - Vue 3 createApp 未在 Chrome 中定义

javascript - 如何在 chrome 中设置 DOM 断点

javascript - Chrome开发者工具协议(protocol): How to get click event handler name of a Node

javascript - 如何在 Vue.js 中的插槽内使用模板标签?

javascript - 如何从 $.post() 调用中引用该对象