电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛

标题: 用 Firebug 动态调试和优化应用程序（4）网络监控 [打印本页]

作者: look_w 时间: 2018-8-9 10:06 标题: 用 Firebug 动态调试和优化应用程序（4）网络监控

网络监控 Firebug Network Monitor 特性可用来监视加载 Web 页面所花费的时间。使用 Net 选项卡可以看到进度栏，该进度栏显示了一个文件相对所有其他文件开始和停止加载的时间。Network Monitor 分开每个文件的流量，因此就可以查看加载图像、JavaScript、HTML 等各占用了多少时间。此外，还可以查看资源是否从浏览器缓存中加载。
对于本例中的 Ajax 开发，Firebug 在 Net 选项卡和 Console 选项卡中均显示了每个 XMLHttpRequest。
图 15 显示了如何利用 Network Monitor 查看 HTTP 请求和响应头。要查看 HTTP 头，只需单击每个请求左侧的箭头将其展开。全部请求、已用时间和内容的大小均显示在 Firebug 窗口底部。
图 15. Network Monitor

其他特性Firebug 的其他特性包括：
错误报告一旦错误发生，Firebug 能够提供有用的：

状态栏指示器
行号、文件和堆栈跟踪
调试器集成
搜索和过滤器

Firebug 还会显示只与所查看的页面相关的错误。
DOMDocument Object Model 是 Web 页面中的对象和函数的等级结构。Firebug DOM 包括所有定制的和标准的对象，而且 DOM explorer 能够分辨它们。这里同样可以进行 JavaScript 代码导航、自动完成和即时编辑。
定制Firebug 定制特性包括黑名单和白名单以及依据个人需要更改字体大小的功能。
结束语Firebug 是 Web 开发人员必备的工具。它使测试和调试会话变得更加简单。Firebug 还是一个优化 CSS 样式和 Web 页面外观的优秀工具。

欢迎光临电子技术论坛_中国专业的电子工程师学习交流社区-中电网技术论坛 (http://bbs.eccn.com/)