检查仅当其他元素被鼠标过度/输入时才出现的元素

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (19)

通常,我想要检查一个元素(例如工具提示),它只在鼠标过度/输入另一个元素时出现。出现的元素通过jQuery的mouseenter事件变得可见。

我无法检查工具提示,因为当鼠标离开包含的元素时,工具提示就会消失。

是否有一种方法可以暂停JS事件,以便我可以在元素上悬停,然后暂停浏览器的JS,并成功地检查它?

提问于
用户回答回答于

它在Chrome 38.0.2094.0中相当容易。

如下面:

一步一步地:

  1. 在源面板中打开DevTools
  2. 通过悬停在按钮上使工具提示出现
  3. 按F8键冻结页面
  4. 切换到“元素”面板,并使用左上角的放大镜图标选择工具提示。

如果工具提示是因为CSS而出现的,那么在这种情况下可以这样做:

一步一步地:

  1. 打开DevTools
  2. 在dev Tools(链接)中选择触发元素
  3. 右击,并选择“强制元素状态”,并选择“:悬停”。
  4. 检查CSS工具提示
用户回答回答于

Safari和Chrome的Web检查器都提供了复选框,可以在其中切换:active:focus:hover:visited元素的状态。使用这些可能会更容易。

苹果浏览器:

谷歌浏览器:

扫码关注云+社区