调试工具 Firebug的使用方法

Javascript的调试，是开发Web应用尤其是AJAX应用很重要的一环，目前对Javascript进行调试的工具很多，我比较喜欢使用的是Firebug。Firebug是Joe Hewitt开发的一套与Firefox集成在一起的功能强大的web开发工具，可以实时编辑、调试和监测任何页面的CSS、HTML和JavaScript。

本文主要是根据Ext JS 3.0的开发过程，介绍下调试工具FireBug的使用方法。由于本人在开发Web过程，是FireFox表示偏爱，所以主要介绍Firefox+FireBug的详细使用说明。而且EXT开发者都倾向于使用Firefox进行开发。

Firebug的好处在于，它可以显示动态生成的DOM，甚至可以在Firebug里面直接对DOM进行修改，而这些修改会反映到现实上，并且通过Firebug提供的控制台，可以直接执行Javascript脚本，也可以配置console.debug、console.info和console.error等日志方法，以便于跟踪。

一、下载FireFox3.5和Firebug1.4

注意如果你使用Firefox3.0以上的版本，就必须下载Firebug1.2以上的版本，否则不兼容。

1、FireFox3.5下载地址(迅雷下载)：

thunder://QUFodHRwOi8vZnRwLnBjb25saW5lLmNvbS5jbi9wdWIvZG93bmxvYWQvMjAwOTA4L0ZpcmVmb3hfU2V0dXBfMy41LjJfY2hzLmV4ZVpa

2、FireBug1.4:

http://releases.mozilla.org/pub/mozilla.org/addons/1843/firebug-1.4.2-fx.xpi