logo标签列表

HTML布局调试

htmldebugging
4

我之前询问过有哪些工具可以理解HTML布局。我希望能够看到比这些工具提供的更低层次的信息。例如，我想知道为什么一个元素被放在了新行上。如果没有这样的工具，那么我想从开源渲染引擎中获取调试信息可能会有用。是否有任何开源HTML渲染引擎提供对此目的有用的调试输出？

我正在寻找比Firebug更低级别的工具，或者其他浏览器的类似版本。 - Casebash
2个回答
1

Firefox: Firebug (插件)
Chrome: 右键 -> 检查元素（内置）
Opera: 右键 -> 检查元素（内置）
Safari: [使用 Chrome 进行调试，因为两者都基于 Webkit 并且反应类似]
Internet Explorer: F12（内置开发工具）

跨浏览器解决方案：Firebug Lite

我喜欢尽可能在 Firebug 中进行调试，然后根据需要使用其他浏览器的工具。

0
我建议使用Firebug或内置的Chrome和IE“开发人员工具”。它们都有一个鼠标悬停工具，允许您悬停或单击元素以显示它们的所有属性（甚至是渲染器设置的默认属性）。
对于您的示例（换行符），您可以查看相关元素是否为块级元素，这将强制其换行，或者它是否比其父元素更宽（这也会造成问题）。
希望这能帮到您！
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接