使用Firebug显示DOM层次结构

Question

我目前正在使用FireBug调试我的javascript和HTML代码。我想知道是否有人知道我可以鼠标悬停生成的网页的功能，它将显示鼠标当前所在位置的DOM层次结构。所以，如果我有嵌套浮动div元素。我将鼠标悬停在其中一个div上，它将显示该div的ID，其父ID的ID，其父级的父ID等。

Answer 1

不点击检查按钮（Firebug左上角的第二个）做了很多这样的事情吗？

Answer 2

谷歌浏览器，右键单击并选择“检查元素”。它会突出显示点击元素的dom树

Answer 3

我不确定这是你在寻找什么。右键单击并使用“Inspect Element”时，您将在Firefox中看到DOM和其他所有内容。

Answer 4

右键单击，Inspect Element也适用于Firefox / Firebug

您也可以在IE 9中使用F12，Ctrl + B.

Answer 5

这个FireFox扩展正是这样做的

Web Developer Extension

您可以将鼠标悬停在元素上时将其设置为轮廓元素，它将显示其信息以及它们在dom树中的位置。