用 Firebug 动态调试和优化应用程序（1）简介

look_w

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

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

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

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

使用 Firefox，。通过单击页面右侧的橙色按钮 Install Firebug 安装此扩展。               
Firefox 安装了此扩展后，重启浏览器。要使用 Firebug：                          

• 转到任何一个 Web 页面并按 F12 在浏览器窗口打开 Firebug。
• 按 CTRL-F12 在另一个窗口打开 Firebug（如果有两个监视器，这是一个很好的特性）。            本文使用了第一种方法在相同的浏览器窗口中打开 Firebug，如图 1 所示：
  

图 1. 安装后的 Firebug安装后，Firebug 是禁用的。单击 Enable Firebug 启用它，如图 2 所示：
图 2. Firebug 显示了 developerWorks 的首页      本文的后面的内容将讨论 Firebug 的特性。