作為一款人氣極高的Web開發(fā)調(diào)試工具，F(xiàn)irebug（螢火蟲）的設(shè)計(jì)靈感源自之前出現(xiàn)的多款實(shí)用程序。

[[86780]]

現(xiàn)實(shí)世界中的螢火蟲對Web開發(fā)工作可沒什么幫助。

近些年來，JavaScript正以鋪天蓋地之勢席卷而來。即使不能位列使用最為廣泛的編程語言頭名，它也絕對算得上普及度***的語言之一。原因很簡單，無數(shù)技術(shù)人員需要在日常工作中與它頻頻接觸。然而JavaScript最讓人難以接受的因素，在于它缺乏必要的調(diào)試能力。

當(dāng)然，這一弊端已經(jīng)隨著Firebug于2006年的出現(xiàn)而逐步化解。作為一款人氣極盛的火狐擴(kuò)展工具，F(xiàn)irebug能夠幫助開發(fā)人員在瀏覽器當(dāng)中對HTML、CSS以及JavaScript進(jìn)行調(diào)試。與起初相比，JavaScript與Web開發(fā)流程已經(jīng)不那么令人頭痛。

作為一位Web開發(fā)人員，大家?guī)缀蹩隙犝f過Firebug的名頭。但對它的歷史，各位也許就不甚了然了。如果感興趣，朋友們不妨點(diǎn)擊此處閱讀Mozilla公司開發(fā)人員Mike Ratcliffe最近撰寫的回顧性文章，其中詳細(xì)描述了Firebug的前世今生。

Firebug于2006年由Joe Hewitt一手打造，他同時也是火狐瀏覽器的原始開發(fā)者之一。根據(jù)Ratcliffe的說明，以下幾款擴(kuò)展及工具給Firebug的不同組件帶來或直接或間接的重大啟發(fā)。

Venkman JavaScript Debugger——這款JavaScript調(diào)試工具專門針對Mozilla出品的瀏覽器，創(chuàng)建于2001年（沒錯，其名稱正是來自Bill Murray在<捉鬼敢死隊(duì)>中塑造的角色‘Peter Venkman博士’），并成為Firebug中JavaScript調(diào)試工具的原形。

View Source Chart——Firebug的HTML層正是基于這款火狐插件，作用是以分層方式顯示底層HTML。另外，分組標(biāo)簽也被嵌入到類似的層當(dāng)中。

Console²——很多人更樂于將其直接稱為Console平方，它直接啟發(fā)Firebug創(chuàng)造出自己的Console層。它能夠通過類型、語言及背景環(huán)境對錯誤進(jìn)行過濾，其中包括錯誤出現(xiàn)的具體行數(shù)以及與源代碼中的哪一行直接關(guān)聯(lián)。

Aardvark——這款火狐擴(kuò)展催生了Firebug中的***功能之一：允許開發(fā)人員查看底層源代碼，并且通過將鼠標(biāo)懸念在HTML頁面中的特定元素上來執(zhí)行各種操作（例如變更CSS）。

MochiKit JavaScript Interpreter——Firebug自己的JavaScript解釋器在設(shè)計(jì)靈感上正是源于這套輕量級JavaScript庫，它允許開發(fā)人員在訪問DOM的同時運(yùn)行JavaScript命令。

Ratcliffe還在文章中回顧了Firebug擴(kuò)展的成長歷程與發(fā)展編年史，對于在編程工作中經(jīng)常使用這款工具的朋友來說，這絕對是一篇不容錯過的精彩論述。

原文鏈接：http://www.itworld.com/cloud-computing/374840/without-these-tools-you-might-hate-javascript-lot-more