作為一款人氣極高的Web開發調試工具，Firebug（螢火蟲）的設計靈感源自之前出現的多款實用程序。

[[86780]]

現實世界中的螢火蟲對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