dom - Firebug:如何检查无法单击的元素？

Question

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

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

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

有什么建议吗？

Answer 1

如果您知道将在 DOM 中的哪个位置创建新元素(这些元素通常是作为 body 元素的子元素创建的)，您可以设置断点当它被创建时。

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

1. 加载页面
2. 激活 FireBug 的 HTML 面板
3. 找到 body 元素
4. 右键单击 body 元素，然后从弹出菜单中选择在添加或删除子项时中断
5. 将鼠标悬停在照片上即可触发所需元素的创建

一旦创建元素，脚本执行就会中断。那时，您将有足够的时间检查动态创建的元素，甚至在 HTML 面板中也是如此。