作为一名自由 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/