用 Firebug 动态调试和优化应用程序

为何您的 Web 页面要花这么长时间才能加载？您是否也想在浏览的同时检查或编辑 HTML？想马上调试 CSS？在本文中，了解如何使用 Firefox 浏览器的免费开源扩展 Firebug，它提供了很多有用的开发特性和工具。 可以使用 Firebug 监视、编辑和调试活动 Web 页面，包括 HTML、CSS、JavaScript 代码和网络流量。此外，学习如何使用 Firebug 加快 Web 和 Ajax 应用程序的调试和优化。

简介

Firebug 是 Mozilla Firefox 浏览器的开源扩展，提供了很多工具，可以监视、编辑和调试任何 Web 站点的级联样式表（CSS）、HTML、文档对象模型（DOM）和 JavaScript。Firebug 包括一个 JavaScript 控制台、一个日志记录 API 以及一种有用的网络监视器。借助 Firebug，可以很轻松地调试和优化 Web 和 Ajax 应用程序。

Firebug 也有针对 Internet Explorer、Opera 和 Safari 的 Firebug Lite 版本。

本文将帮助您熟悉所如下的 Firebug 特性：

• 编辑活动 Web 页面的 HTML、CSS 和 JavaScript
• 调试和剖析报告
• 进行日志记录以测试执行时间
• 使用 Network Monitor 分析 Web 页面的加载时间
• 错误报告

回页首

立即开始

developerWorks Ajax 资源中心 查看 Ajax 资源中心，这里几乎囊括了关于 Ajax 编程模型的所有信息，包括各种文章、教程、论坛、blog、wiki、活动和新闻。

使用 Firefox，下载 Firebug。通过单击页面右侧的橙色按钮 Install Firebug 安装此扩展。

Firefox 安装了此扩展后，重启浏览器。要使用 Firebug：

1. 转到任何一个 Web 页面并按 F12 在浏览器窗口打开 Firebug。
2. 按 CTRL-F12 在另一个窗口打开 Firebug（如果有两个监视器，这是一个很好的特性）。

   本文使用了第一种方法在相同的浏览器窗口中打开 Firebug，如图 1 所示：

本文转自IBM Developerworks中国

        请点击此处查看全文