用于理解HTML布局的工具

Question

是否有除Firebug以外的任何工具可以帮助我弄清楚为什么我的HTML按照它的方式布局？如果您列出任何工具，请添加Firebug无法执行的操作。

Answer 1

• WebKit的Web Inspector，由Safari和Chrome使用。
• Opera的Dragonfly

两者都做与Firebug完全相同的事情 我通常使用Firebug和Web Inspector。虽然我更喜欢Firebug，但我遇到了一些我无法使用它的错误（它们只是被列为错误），但它们出现在Web Inspector中。

Answer 2

我只使用Firebug进行JS调试，我使用Web Developer for Firefox来处理任何CSS或HTML相关内容。

https://addons.mozilla.org/en-US/firefox/addon/60/

1. 非常适合CSS调试 - 虽然Firebug会向您展示CSS，但Web Dev会更好地为您提供一个带有行号的漂亮窗口，这样您就可以轻松找到需要修复的内容，还可以从窗口复制和粘贴。
2. 在不查看来源的情况下显示基础表单信息
3. 概述页面上的各种元素
4. 将浏览器窗口调整为常用屏幕分辨率或指定大小（喜欢此功能）

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

Answer 3

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