正 文

用 Mozilla 调试网页


www.7dspace.com  更新日期:2005-9-17 2:50:43  七度空间


HTTPHeaders

Mozilla 最好的扩展之一就是 Live HTTP Headers。它能让您实时观察到浏览器和Web服务器之间交换的 HTTP Header。比如你想调试 Cookie 问题或者 MIME 头信息的问题,可以用它来查看全部 HTTP Header 的详尽信息。


图 14: Live HTTP Headers

安装了 Live HTTP Headers 扩展之后,可以从工具 -> Web 开发 -> Live HTTP Headers 或 查看 -> 页面信息 -> Headers启动。

更多信息...

LiveHTTPHeaders at mozdev.org

DOM 查看器

DOM 查看器可以用来查看或编辑任何网页或 XUL 的DOM。可以用两个或三个面板探查文档或结点的 DOM 层次,还可以查看样式表、样式规则等等,而不仅仅是 DOM。

在屏幕截图中可以看到,页面中与 DOM 树中的结点相对应的文本的边框以高亮显示。

Mozilla 的 DOM 查看器图 15: Mozilla 的 DOM 查看器

DOM 查看器可以从 工具 -> Web 开发 -> DOM 查看器中启动。

更多信息 ...

DOM Inspector at mozilla.org

Introduction to the DOM Inspector

缓存管理器

Mozilla 的缓存管理器使你能够完全访问内存或者磁盘的缓存。您可以观察到所有缓存内容的资料,能帮助开发者验证某个Web应用程序送出的头信息是否正确。

Mozilla 的缓存管理器条目图 16: Mozilla 的缓存管理器条目

在地址栏中输入 about:cache,按回车,即可启动缓存管理器。

网页编辑器

Mozilla 套装内包含有全功能的 HTML 编辑器,本文不打算讨论这个网页编辑器,因为每个开发者都有自己惯用的编辑器。

结论

作为 Web 开发者,没有 Mozilla 简直是无法想象的。Mozilla 的 Web 开发和调试工具是非常出色的,非常适合用于网站的测试和调试。

如果您有任何意见或评论,欢迎与我联系

4页,当前在第4页  1  2  3  4  

上一篇:图行天下:本地搜索网站一览
下一篇:关于box(盒模式)的一系列问题
作者:onestab  来源:Davids BLOG ( 责任编辑:7dspace )
收藏此页】【打印】【关闭
站 内 搜 索
 

热 点 导 读
特 别 推 荐