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

Question

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

这个问题有解决办法吗？

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

另请注意，该元素在不可见时不会隐藏在任何地方，它是在悬停时创建的，然后被删除。

Answer 1

在这样的情况下:http://www.starplugins.com/cloudzoom与 Firefox/Chrome 开发者工具和 firebug 配合使用的快速解决方案如下:

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

这不是最好的解决方案，但可能会有所帮助:)

更新:(它涵盖 this case 并适用于 Chrome):

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