作为一款人气极高的Web开发调试工具,Firebug(萤火虫)的设计灵感源自之前出现的多款实用程序。
现实世界中的萤火虫对Web开发工作可没什么帮助。
近些年来,JavaScript正以铺天盖地之势席卷而来。即使不能位列使用最为广泛的编程语言头名,它也绝对算得上普及度***的语言之一。原因很简单,无数技术人员需要在日常工作中与它频频接触。然而JavaScript最让人难以接受的因素,在于它缺乏必要的调试能力。
当然,这一弊端已经随着Firebug于2006年的出现而逐步化解。作为一款人气极盛的火狐扩展工具,Firebug能够帮助开发人员在浏览器当中对HTML、CSS以及JavaScript进行调试。与起初相比,JavaScript与Web开发流程已经不那么令人头痛。
作为一位Web开发人员,大家几乎肯定听说过Firebug的名头。但对它的历史,各位也许就不甚了然了。如果感兴趣,朋友们不妨点击此处阅读Mozilla公司开发人员Mike Ratcliffe最近撰写的回顾性文章,其中详细描述了Firebug的前世今生。
Firebug于2006年由Joe Hewitt一手打造,他同时也是火狐浏览器的原始开发者之一。根据Ratcliffe的说明,以下几款扩展及工具给Firebug的不同组件带来或直接或间接的重大启发。
Venkman JavaScript Debugger——这款JavaScript调试工具专门针对Mozilla出品的浏览器,创建于2001年(没错,其名称正是来自Bill Murray在<捉鬼敢死队>中塑造的角色‘Peter Venkman博士’),并成为Firebug中JavaScript调试工具的原形。
View Source Chart——Firebug的HTML层正是基于这款火狐插件,作用是以分层方式显示底层HTML。另外,分组标签也被嵌入到类似的层当中。
Console²——很多人更乐于将其直接称为Console平方,它直接启发Firebug创造出自己的Console层。它能够通过类型、语言及背景环境对错误进行过滤,其中包括错误出现的具体行数以及与源代码中的哪一行直接关联。
Aardvark——这款火狐扩展催生了Firebug中的***功能之一:允许开发人员查看底层源代码,并且通过将鼠标悬念在HTML页面中的特定元素上来执行各种操作(例如变更CSS)。
MochiKit JavaScript Interpreter——Firebug自己的JavaScript解释器在设计灵感上正是源于这套轻量级JavaScript库,它允许开发人员在访问DOM的同时运行JavaScript命令。
Ratcliffe还在文章中回顾了Firebug扩展的成长历程与发展编年史,对于在编程工作中经常使用这款工具的朋友来说,这绝对是一篇不容错过的精彩论述。
原文链接:http://www.itworld.com/cloud-computing/374840/without-these-tools-you-might-hate-javascript-lot-more