用于理解HTML布局的工具

除Firebug之外是否还有其他工具可以帮助我弄清楚为什么我的HTML布局是这样的？如果您列出了任何工具，请添加他们可以执行哪些Firebug无法完成的工作。用于理解HTML布局的工具

来源

2010-08-30 Casebash

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

无论做几乎同样的事情萤火虫一样。
我通常使用Firebug和Web Inspector。尽管我更喜欢Firebug，但是我有一些错误，我无法使用它（它们只是列为错误），但它们出现在Web Inspector中。

来源

2010-08-30 05:46:51 Alex

他们可以做任何事Firebug不能（除了在其他浏览器中运行？） – Casebash 2010-08-30 05:53:23

Opera蜻蜓让您可以轻松修改Web存储（localStorage，sessionStorage，Web数据库）。然而，萤火虫恕我直言是最好的。 – Crozin 2010-08-30 06:00:52

我只使用Firebug进行JS调试，我使用Firefox的Web Developer作为任何CSS或HTML相关的东西。

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

伟大的CSS调试 - 而萤火虫会告诉你的CSS，Web开发做的更好给你行号一个很好的窗口，以便可以轻松地查找到需要修复，再加上你可以复制并从窗口粘贴。
示出了没有查看源底层形式信息
外形不同类型的元素的页面
上调整浏览器窗口的常见的屏幕分辨率，或到指定尺寸（爱此功能）

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

来源

2010-08-30 05:52:59

Firebug不能做什么？ – Casebash 2010-08-30 06:11:32

嗯。由于我没有广泛使用fiebug，它可能会做一些这些事情。我会编辑我的答案，以便格式化一些更好的东西。 – 2010-08-31 00:02:27

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

来源

2010-08-30 06:02:49 Mhmmd

它可以做什么？ – Casebash 2010-08-30 06:16:27

它可以告诉你如何在不同的浏览器（Internet Explorer 6,7,8和Firefox 3.4,3.5,3.6）中查看页面。它还提供了Firebug中的大部分布局调试功能，但具有更简化的界面。下载它并自己看看。 – Mhmmd 2010-08-30 06:30:56

表达式Web有一个非常漂亮的界面，但我觉得它很慢。我通常更喜欢IE测试器来查看IE布局问题，但将顶层或并排图像分层的功能往往非常有用。它的功能不能与Firebug进行布局调试比较 - 例如，您无法即时编辑属性，也无法获取CSS中设置属性的详细视图。但我认为它有确定的用例 – Casebash 2010-08-31 01:23:46

用于理解HTML布局的工具

回答

相关问题