请参阅页面大纲

时间:2010-11-04 13:27:41

标签: html firefox

是否有工具可以在浏览器中查看整个页面?例如,我有很多隐藏的div或图像,可能会被其他一些元素溢出,我希望看到所有元素的轮廓,只是为了看看放在什么地方的东西。如果你曾经使用过Adobe Illustrator,你可以理解我的意思,如果你通过点击CTRL + Y切换到轮廓模式。我现在使用FireBug来做类似的事情,但可能会有更先进的东西吗?

4 个答案:

答案 0 :(得分:2)

尝试使用Web Developer add-on for Firefox

这种东西有很多工具。虽然不像Illustrator中的大纲模式那么完全。

答案 1 :(得分:1)

IE8 Developer Tools有一个“显示所有DIV元素”选项。按F-12打开开发人员工具窗口。

答案 2 :(得分:1)

我喜欢Firefox的Firebug插件。 Firebug允许您在页面中导航,它将突出显示您选择的元素。它是一个非常强大的工具,它可以很容易地看到您的网站如何挂在一起。此外,它内置了大量其他调试工具。如果您正在开发网站,那么您应该使用Firebug。

其他浏览器也有类似的工具。最新版本的IE内置了“开发人员工具”,虽然它不像Firebug那样易于使用或功能强大。 Chrome和Safari还具有开发人员工具功能,功能非常强大。我个人仍然更喜欢Firebug,但它们都是有用的工具。

希望有所帮助。

答案 3 :(得分:0)

关于fire-fox的网络开发人员对我非常有帮助。我特别喜欢大纲块元素,它有助于我构建声音结构,看看我的元素如何排队,并查看样式信息,允许您将鼠标悬停在所有元素上并查看css路径。

听起来像大纲块元素就是你要找的东西。