dom - Firebug：如何检查无法点击的元素？

Question

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

问题是，元素的位置是从鼠标位置动态偏移的，所以我不可能右键单击它来获得“检查元素”选项。

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

有什么建议么？

Answer 1

如果您知道将在 DOM 中的哪个位置创建新元素（这些元素通常是作为元素的子元素创建的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

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

Answer 4

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