用Firebug加速Web前端开发

工欲善其事,必先利其器。

Firebug是在Firefox中调试HTML、JavaScript、CSS的工具。它的发布可以用“横空出世”来形容,对于Web开发者来说,针对Firefox的开发成本大大降低。我现在开发都是先在Firefox上,然后为兼容IE给代码“打补丁”,而这打补丁花费的时间,有时会超过在Firefox上开发所用的时间,甚至数倍、数十倍!

IE deverloper toolbar,是IE开发组自己做的,按理说应该更强大才对,然而实际上它根本无法跟Firebug这个第三方插件相比,简直就是鸡肋。拥有如此优秀的插件,一定程度上也反映了Firefox的良好基础架构。

了解Firebug,首先要上它的主页。插件的作者首先是位优秀的Web开发者,Firebug的主页是做得非常好的。注意页顶的图片,它不仅仅是一幅截图,Console, HTML, CSS, …那排Tab,都是可以点击的!图片的切割和JavaScript的应用,构成了一个交互式的预览。先不用安装,点一点那些tab,你就会大致了解Firebug的界面和功用。

这个预览的下面是它的各种功能的简介。我最近才发现简介的链接是到更详细的介绍,以前都是自己摸索,看到那些激动人心的功能,忍不住有写出来分享的冲动。既然人家本来就有这么好的介绍,我再做这件事就是费力不讨好了:) 如果你确实需要Firebug,那你一定要从头到尾一字不拉地把它的介绍看完,不然说不定会遗漏一些贴心的功能!

这里还有一篇Firebug作者写的文章,可以看看:

AJAX Debugging with Firebug

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *

Time limit is exhausted. Please reload CAPTCHA.