发布于 2016-04-16 13:07:34 | 147 次阅读 | 评论: 0 | 来源: 网友投递
Firebug 网页调试工具
Firebug是网页浏览器 Mozilla Firefox 下的一款开发类插件,现属于Firefox的五星级强力推荐插件之一。它集HTML查看和编辑、Javascript控制台、网络状况监视器于一体,是开发JavaScript、CSS、HTML和Ajax的得力助手。
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