如何在Firebug中检查网页的动态悬停元素



我有一个网页,其中照片预览显示当您将鼠标悬停在某些图标。我想在Firebug中检查这些预览div,但问题是你无法用鼠标到达它,因为当你将鼠标从图标上移开时,预览将消失!

这个问题有解决办法吗?

一个可能的解决方案是通过一些键盘快捷键来停止JavaScript。它一定不能要求移动鼠标光标,因为那样预览会消失。但是看看答案"有没有可能在不使用断点的情况下阻止Firebug的javascript ?"这似乎是不可能的…

还要注意的是,当元素不可见时,它不会隐藏在任何地方,它是在悬停时创建的,然后被删除。

在这种情况下:http://www.starplugins.com/cloudzoom与Firefox/Chrome开发人员工具和firebug一起工作的快速解决方案如下:

  1. 打开开发工具
  2. 将页面滚动到一个位置,在这个位置,具有悬停效果的元素被开发人员工具窗格稍微覆盖。
  3. 这样,当你"鼠标移出"元素,"鼠标移入"到开发人员工具窗格时,悬停效果仍然有效。

这不是最好的解决方案,但它可能有帮助:)

更新:(它涵盖了这种情况,并与Chrome一起工作):

  1. 打开开发工具
  2. 右键单击要检查的元素,但不要单击"检查元素"或其他任何内容
  3. 弹出窗口将冻结,因此您至少可以在已经打开的检查器中找到它

Chrome开发工具。您可以选择父dom节点并右键单击,然后选择"在子树修改上中断"。详情请查看https://camerondwyer.com/2018/07/11/how-to-inspect-dynamic-html-elements-that-keep-disappearing-in-chrome/

最新更新