Javascript Chrome检查工具:调试弹出窗口

Javascript Chrome检查工具:调试弹出窗口,javascript,jquery,debugging,google-chrome-devtools,Javascript,Jquery,Debugging,Google Chrome Devtools,当我试图点击弹出窗口上的“检查此”字段时,它只会出现在鼠标悬停事件上,这会变得非常烦人 由于经常通过选择器将javascript行为附加到任何DOM元素事件,我无法想象如何调试此网页 有什么建议吗?我发现一个问题可能对我的问题有帮助,但@Kaddath solution也很有趣 请参见:您可以强制使用样式,在右上角的inspect elements>样式中有一个:hov,您可以单击以激活悬停状态等。您还可以通过键入样式来强制元素的样式,或者使用.cls添加一个类来强制visibility@Ka

当我试图点击弹出窗口上的“检查此”字段时,它只会出现在鼠标悬停事件上,这会变得非常烦人

由于经常通过选择器将javascript行为附加到任何DOM元素事件,我无法想象如何调试此网页


有什么建议吗?

我发现一个问题可能对我的问题有帮助,但@Kaddath solution也很有趣


请参见:

您可以强制使用样式,在右上角的inspect elements>样式中有一个
:hov
,您可以单击以激活悬停状态等。您还可以通过键入样式来强制元素的样式,或者使用
.cls
添加一个类来强制visibility@Kaddath:谢谢,我试过了,但与款式无关。。它在mouse over上显示了一个额外的div,但我不知道这个div代码在哪里..嗯,我明白了,如果这是由javascript触发的,如果您找到侦听器所在的元素,您可以尝试在控制台中键入(抱歉,这是jquery版本,js香草相当长):
$('#idOfElement').trigger('mouseover')
(可能需要根据您的情况调整事件名称)@Kaddath:没有任何效果。。。这是页面:我试图添加一个id,但弹出窗口没有显示。