用于理解HTML布局的工具

除此之外，还有其他工具可以帮助我弄清楚为什么我的HTML是这样布局的吗？如果您列出了任何工具，请添加Firebug无法完成的功能。

• Safari和Chrome使用的WebKit
• 歌剧院

两者的作用与Firebug几乎相同。

---

我通常使用Firebug和Web Inspector。虽然我更喜欢Firebug，但我有一些错误无法使用它跟踪（它们只是列为错误），但它们出现在Web Inspector中。

我只使用Firebug进行JS调试，我使用Web Developer for Firefox进行CSS或HTML相关的任何操作

非常适合CSS调试——虽然Firebug会向您展示CSS，但Web开发人员会更好地为您提供一个带有行号的漂亮窗口，这样您就可以轻松找到需要修复的内容，并且可以从窗口复制和粘贴

显示基础表单信息，而不查看源

概述页面上各种类型的元素

将浏览器窗口调整为常用屏幕分辨率或指定大小（喜欢此功能）

---

我不会说Web Developer比Firebug好，只是不同而已。

它没有得到太多的提及或喜爱，但我发现在调试布局问题时很有帮助。

他们能做Firebug做不到的事情吗（除了在其他浏览器中运行？）Opera Dragonfly让你很容易地修改Web存储（本地存储、会话存储、web数据库）。但是Firebug IMHO是其中最好的。它能做什么Firebug做不到的？嗯。因为我没有广泛使用fiebug，它可能会做一些事情。我会编辑我的答案，这样我可以更好地格式化内容。它可以向您展示页面在不同浏览器中的外观（Internet Explorer 6、7、8和Firefox 3.4、3.5、3.6）。它还提供Firebug中的大多数布局调试功能，但具有更精简的界面。下载它并亲自查看。Expression Web有一个非常好的界面，但我发现它速度很慢。我通常更喜欢IE Tester来查看IE布局问题，但在顶部或并排放置一个图像的能力通常会降低非常有用。在布局调试方面，它的功能无法与Firebug相比——例如，你不能动态编辑属性，也不能获得CSS中设置属性的详细视图。不过，我认为它有明确的用例