【问题标题】:Chrome Inspection Tool: debugging disappearing popupChrome 检查工具:调试消失的弹出窗口
【发布时间】:2017-12-18 07:24:44
【问题描述】:

当我尝试单击仅出现 onMouseHover 事件的弹出窗口上的“检查此”字段时,它会变得非常烦人。

https://youtu.be/4lPcO00MUYk

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

有什么建议吗?

【问题讨论】:

  • 你可以强制一个样式,在检查元素>样式右上角你有一个:hov你可以点击激活悬停状态等等。您还可以通过键入样式来强制元素的样式,或者使用 .cls 添加一个类来强制可见性
  • @Kaddath:谢谢,我试过了,但它与样式无关。它在鼠标上显示了一个额外的 div,但我不知道这个 div 代码在哪里......
  • mmh 我明白了,如果这是由javascript触发的,如果你找到监听器所在的元素,你可以尝试在控制台中输入(对不起,这是jquery版本,js vanilla相当更长):$('#idOfElement').trigger('mouseover');(根据您的情况,可能需要调整事件名称)
  • @Kaddath:没有任何效果...这是页面:it.wikipedia.org/wiki/Nanotecnologia 我试图添加一个 id,但弹出窗口没有出现。

标签: javascript jquery debugging google-chrome-devtools


【解决方案1】:

我发现了一个可能有助于解决我的问题的问题,而且@Kaddath 的解决方案也很有趣。

见:https://stackoverflow.com/a/15923770/196210

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-11-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-12-11
    • 1970-01-01
    相关资源
    最近更新 更多