Firebug:我如何检查一个我无法点击的元素?

时间:2011-06-28 17:45:01

标签: dom hover firebug mouseover inspect

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

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

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

有什么建议吗?

4 个答案:

答案 0 :(得分:3)

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

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

  1. 加载页面
  2. 激活FireBug的HTML面板
  3. 找到body元素
  4. 右键点击body元素,然后从弹出菜单中选择Break on Child Addition or Removal
  5. 将鼠标悬停在照片上以触发所需元素的创建
  6. 创建元素后,脚本执行应该立即中断。此时,您将拥有检查该动态创建元素的所有时间,即使在HTML面板中也是如此。

答案 1 :(得分:1)

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

答案 2 :(得分:0)

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

答案 3 :(得分:-1)

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