11.1 Firebug的基本操作

 

第11章  JavaScript与HTML的调试

如果你问程序员"Ajax开发最大的困难是什么？"相信大多数人都会毫不犹豫地回答"调试"。真是这样，一个界面好不容易编写好了，可是在浏览器上一刷新，却不能显示--这是最让人头疼的一件事了。

所幸的是，针对以往调试工具(特别是Firebug)的不足，在这方面有了重大的改进，你再也不用为页面调试而头疼了。Firebug一类的工具为你提供了强大的调试能力，帮助你消灭JavaScript代码中所有的"顽敌"，有些"敌人"甚至可以在JavaScript语法检查阶段就会被Firebug发现而消灭。偶尔有一两个"漏网之鱼"，也会在最后调试时由于Firebug自动弹出报告，无所遁形。

本章的目的就是要介绍此类工具的使用(针对Firefox和Internet Explorer浏览器)，并同时介绍如何在页面中查找HTML元素、观察HTTP消息、结构等的实用技巧。

11.1  Firebug的基本操作

一直以来，调试JavaScript和HTML都是让Web开发人员比较头疼的事情，尤其是调试Ajax程序和动态生成的HTML，简直如梦魇一般。

我们最熟悉的JavaScript调试语句应该是alert了。写好脚本，然后写上N个alert以追踪脚本的运行情况，再不断地按下提示窗口中的确定按钮后，完成脚本的调试。你是否觉得这样做有点无奈和厌烦？

虽然微软推出了Microsoft Script Debugger并在VisualStudio中加入了脚本调试功能，但是还不如用alert方便。随着Firefox的出现以及Web2.0的兴起，我们终于有了基于Firefox的调试工具Firebug和基于IE的调试工具DebugBar与Companion.JS。

Firebug是由JoeHewitt开发的一套与Firefox集成在一起的功能强大的Web开发工具。你可以通过它实时编辑、调试和监测任何页面的CSS、HTML和JavaScript。因此，要使用Firebug你必须使用Firefox作为浏览器。虽然Firebug的特别版"FirebugLite"可以安装在IE上使用，但是其功能相当简单，所以不推荐在IE上使用Firebug作为调试工具。

Firebug目前基于Firefox 3的版本是1.2.0，已经实现本地化。