查看页面大纲

Question

有没有一个工具可以让你在浏览器中看到整个页面？例如，我有很多隐藏的div或图像，可能会被其他一些元素溢出，我想看到所有列出的元素，只是想看看什么放在什么地方。如果你用过Adobe Illustrator，你可以理解我的意思，如果你点击CTRL+Y切换到轮廓模式，我现在使用FireBug来做类似的事情，但是可能有更高级的东西？

Answer 1

尝试使用Web Developer add-on for Firefox。

它有足够的工具来处理这类事情。虽然不是与Illustrator中的轮廓模式完全相同的模式。

Answer 2

Developer有一个"show all IE8 element“选项。按F-12打开开发人员工具窗口。

Answer 3

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

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

希望这能有所帮助。