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

Question

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

这个问题有解决办法吗？

一种可能的解决方案是通过一些键盘快捷键来停止JavaScript。 一定不能要求移动鼠标光标，因为预览会消失。但在＆＃34; Is it possible to stop a javascript with Firebug without using breakpoints?＆＃34;它似乎不可能......

另请注意，在看不见的情况下，该元素不会隐藏在任何位置，它会在悬停时创建，然后移除。

Answer 1

在这种情况下：http://www.starplugins.com/cloudzoom一个适用于Firefox / Chrome开发者工具和firebug的快速解决方案如下：

1. 打开了开发者工具
2. 将您的页面滚动到开发人员工具窗格略微覆盖具有悬停效果的元素的位置。
3. 这样，当您将元素“鼠标移出”并“鼠标悬停”到开发人员工具窗格时，悬停效果仍然有效。

这不是最好的解决方案，但它可能有所帮助：）

<强>更新 （它涵盖this case并与Chrome配合使用）：

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

Answer 2

适用于 Chrome 开发者工具。您可以选择父dom节点并右键单击，然后选择“在子树修改时中断”。有关详细信息，请查看 https://camerondwyer.com/2018/07/11/how-to-inspect-dynamic-html-elements-that-keep-disappearing-in-chrome/