除Firebug之外是否还有其他工具可以帮助我弄清楚为什么我的HTML布局是这样的?如果您列出了任何工具,请添加他们可以执行哪些Firebug无法完成的工作。用于理解HTML布局的工具
回答
- WebKit的Web Inspector,Safari和Chrome使用。
- Opera的Dragonfly
无论做几乎同样的事情萤火虫一样。
我通常使用Firebug和Web Inspector。尽管我更喜欢Firebug,但是我有一些错误,我无法使用它(它们只是列为错误),但它们出现在Web Inspector中。
我只使用Firebug进行JS调试,我使用Firefox的Web Developer作为任何CSS或HTML相关的东西。
https://addons.mozilla.org/en-US/firefox/addon/60/
- 伟大的CSS调试 - 而萤火虫会告诉你的CSS,Web开发做的更好给你行号一个很好的窗口,以便可以轻松地查找到需要修复,再加上你可以复制并从窗口粘贴。
- 示出了没有查看源底层形式信息
- 外形不同类型的元素的页面
- 上调整浏览器窗口的常见的屏幕分辨率,或到指定尺寸(爱此功能)
我不会说Web Developer比Firebug好,只是不同而已。
Firebug不能做什么? – Casebash 2010-08-30 06:11:32
嗯。由于我没有广泛使用fiebug,它可能会做一些这些事情。我会编辑我的答案,以便格式化一些更好的东西。 – 2010-08-31 00:02:27
它没有得到太多的提及或太多的爱,但我发现Expression Web SuperPreview有帮助,当试图调试布局问题。
它可以做什么? – 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
- 1. HTML布局清理?
- 2. 关于理解布局单元
- 3. Android的工具栏布局
- 4. Android:使用Eclipse图形布局工具的TextView中的HTML
- 5. 适用于iPad的简单HTML布局
- 6. android布局设计工具
- 7. 底部工具栏布局
- 8. 用于创建和检查android布局的工具
- 9. Laravel用于管理布局的主题
- 10. 使工具栏具有网格布局
- 11. 将html布局转换为Silverlight 3.0的工具
- 12. 使用具有基于片段元素的布局的折叠工具栏
- 13. ViewPager滚动布局行为不适用于工具栏
- 14. 相对布局的小工具错误
- 15. 协调器布局中的工具栏
- 16. 工具栏和布局之间的layout_anchor
- 17. 基于响应式布局的显示引导工具提示
- 18. 类似于HTML/CSS的浮动布局
- 19. 基本的HTML/CSS布局不工作
- 20. 管理用于解析JSON的字符串文字的工具
- 21. 嵌入式HTML布局编辑器/小工具调色板
- 22. 用于HTML整页缩小的工具?
- 23. 无法理解iPhone的视图布局
- 24. 帮我理解Sinatra的动态布局
- 25. 布局和理解警告的问题
- 26. 折叠工具栏中的工具栏布局不被固定
- 27. 用于理解JVM语言的字节码分析工具
- 28. 布局结构 - 卡片布局和工具栏与angularjs md
- 29. 设计用于Android的布局的工具 - 在线应用程序?
- 30. 了解ADT布局工具中加载了哪些资源
他们可以做任何事Firebug不能(除了在其他浏览器中运行?) – Casebash 2010-08-30 05:53:23
Opera蜻蜓让您可以轻松修改Web存储(localStorage,sessionStorage,Web数据库)。然而,萤火虫恕我直言是最好的。 – Crozin 2010-08-30 06:00:52