Firebug：我如何检查一个我无法点击的元素？

Question

我正在尝试使用Firebug来检查将鼠标悬停在照片上时显示的页面元素。

问题是，元素的位置是从鼠标位置动态偏移的，因此我无法右键单击它以获得“Inspect Element”选项。

我曾希望onhover元素会在合理的位置插入到DOM中，但到目前为止，我还没有找到它。

有什么建议吗？

Answer 1

如果您知道DOM中的 where 将创建新元素（通常这些元素是作为body元素的子元素创建的），您可以为它设置断点已创建。

假设该元素将被创建为body元素的子元素。如果您按照以下步骤操作，则可以检查元素：

1. 加载页面
2. 激活FireBug的HTML面板
3. 找到body元素
4. 右键点击body元素，然后从弹出菜单中选择Break on Child Addition or Removal
5. 将鼠标悬停在照片上以触发所需元素的创建

创建元素后，脚本执行应该立即中断。此时，您将拥有检查该动态创建元素的所有时间，即使在HTML面板中也是如此。

Answer 2

这不是一个理想的解决方案，但您可以调查onhover代码以找到有关正在创建的元素的更多信息。该信息可能允许您在Firebug的DOM查看器中找到它。

Answer 3

您可以使用firebug窗口顶部的搜索栏搜索元素吗？

Answer 4

您可以使用CTRL + F在代码视图中找到它。