Q

使用Firebug显示DOM层次结构

2011-03-16 101 views 0 likes

0

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

2011-03-16 slimbo

+0

为什么不自己用jQuery或类似的东西？ – Blender 2011-03-16 16:45:46

+0

FireBug已经做到了。点击HTML，然后点击指向框的箭头图标，然后点击页面上的任意位置。 – 2011-03-16 16:47:15

A

回答

2

不点击检查按钮（从Firebug的左上角开始的第二个按钮）是否做了类似的事情？ Inspect Button

2011-03-16 16:47:50

+0

你用什么工具创建你的截图？我喜欢边框，投影和弯曲的虚线箭头。它看起来不错，显然很容易 - 它不会花费很长时间。 – gilly3 2011-03-16 16:55:54

+0

我在Google图片上找到了它;-) – 2011-03-18 14:32:17

1

谷歌浏览器，右键单击并选择'检查元素'。它带来了点击的元素在DOM树高亮

2011-03-16 16:46:49 agradl

0

点击右键，检查元素也可以在Firefox/Firebug的

您还可以使用F12，按Ctrl + B在IE 9

2011-03-16 16:47:21

0

这个Firefox扩展正是如此

Web Developer Extension

你可以将它设置为您悬停在他们轮廓要素，它会显示自己的信息，以及他们在DOM树中的位置。

2011-03-16 16:47:22 Loktar

1

我不确定这是你在找什么。当你右击并使用“检查元素”时，你会看到DOM和Firefox中的其他一切。

2011-03-16 16:53:38

相关问题