Javascript 使用Firebug显示DOM层次结构
我目前正在使用FireBug调试javascript和HTML代码。我想知道是否有人知道我可以在生成的网页上鼠标移动的功能,它将显示我鼠标当前所在位置的DOM层次结构。如果我有嵌套的浮动div元素。我将鼠标移到其中一个div上,它将显示该div的ID、其父级的ID、其父级的父级的ID等。google chrome,右键单击并选择“inspect element”。它将打开dom树,突出显示单击的元素google chrome,右键单击并选择“检查元素”。它将打开dom树,突出显示clicked on元素右键单击,Inspect元素也可以在Firefox/Firebug中工作Javascript 使用Firebug显示DOM层次结构,javascript,html,debugging,firebug,Javascript,Html,Debugging,Firebug,我目前正在使用FireBug调试javascript和HTML代码。我想知道是否有人知道我可以在生成的网页上鼠标移动的功能,它将显示我鼠标当前所在位置的DOM层次结构。如果我有嵌套的浮动div元素。我将鼠标移到其中一个div上,它将显示该div的ID、其父级的ID、其父级的父级的ID等。google chrome,右键单击并选择“inspect element”。它将打开dom树,突出显示单击的元素google chrome,右键单击并选择“检查元素”。它将打开dom树,突出显示clicked
您还可以在IE 9中使用F12、Ctrl+B。右键单击,Inspect元素也可以在Firefox/Firebug中使用
您也可以在IE 9中使用F12、Ctrl+B。这个FireFox扩展正好做到了这一点
您可以将其设置为鼠标悬停在元素上方时勾勒出元素的轮廓,它将显示元素的信息以及它们在dom树中的位置。此FireFox扩展正是这样做的
当您将鼠标悬停在元素上时,您可以将其设置为大纲元素,它将显示元素的信息以及它们在dom树中的位置。单击inspect按钮(Firebug左上角第二个按钮)不就是这样吗?
单击inspect按钮(Firebug左上角第二个按钮)不是做了很多类似的事情吗?
我不确定这是否是您想要的。当您右键单击并使用“Inspect Element”时,您将在firefox中看到DOM和其他所有内容。我不确定这是否是您想要的。当您右键单击并使用“Inspect Element”时,您将在firefox中看到DOM和其他所有内容。为什么不使用jQuery或类似工具创建自己的DOM呢?FireBug已经做到了这一点。单击HTML,然后单击指向方框的箭头图标,然后单击页面上的任意位置。为什么不使用jQuery或类似工具创建自己的页面呢?FireBug已经做到了这一点。单击HTML,然后单击指向方框的箭头图标,然后单击页面上的任意位置。您使用了什么工具创建屏幕截图?我喜欢边框、阴影和弯曲的虚线箭头。它看起来很漂亮,而且很简单——没花你太长时间。我在谷歌图片上找到了它;-)您使用了什么工具来创建屏幕截图?我喜欢边框、阴影和弯曲的虚线箭头。它看起来很漂亮,而且很简单——没花你太长时间。我在谷歌图片上找到了它;-)