Firebug 2.0新特性
英文原文:What’s New in Firebug 2.0
Firefox 30 已經在一個月前發布了,由于在 29 版本中做了很大的變動,這個版本并沒有太大的變化,但是值得注目的是 Firebug 2.0 在這個版本中上線了。
Firebug 是 firefox 下的一個插件,能夠調試所有網站語言,如 HTML,CSS 等,但 FireBug 最吸引我的就是 javascript 調試功能,使用起來非常方便,而且在各種瀏覽器下都能使用(IE,Firefox,Opera, Safari)。除此之外,其他功能還很強大,比如 HTML,CSS,dom 的查看與調試,網站整體分析等等,總之就是一整套完整而強大的 WEB 開發工具。再有就是其為開源的軟件。
從版本號我們就能看出來,Firebug 2.0 它是具有里程碑意義的一個版本,它不僅增強了原有的功能,還新增了很多新特性:
接口變化
接口發生了變化,用戶可以通過 Visible Panels 來控制需要顯示在面板中的功能項:

除了這些,我們發現在代碼也做了高亮顯示。

事件視圖
在 HTML 選項卡中多了事件面板,它會列出你選擇 DOM 元素的所有事件,而且可以跳轉到處理事件的 javascript 代碼。

JavaScript 表達式查值
你可以通過鼠標停留獲取變量或表達式的值:

自動補全增強
代碼自動補全已經在大部分的面板上實現了,當你修改 HTML/SVG 屬性或是設置一個斷點條件的時候可以試一試這個功能:

格式化顯示
點擊文件后的大括號就可以看到格式化之后的 javascript 文件。

源碼美化輸出

其他更新
- 點擊‘>’,HTML 屬性可以快速添加。
- 控制臺消息分組。
- 搜索框允許 CSS 選擇器和正則表達式。
- 在 CSS 面板中可以看到 16 進制的顏色值。
Firebug 的未來
Firefox's自帶的審查元素功能已經很強大了,但是我還是會使用 Firebug,它可以提供更深層次的分析。雖然很多人覺得 Firebug 在其它瀏覽器上的支持太差了,但是我覺得這并不是個問題,畢竟火狐對于開發者來說算是一個必備瀏覽器。
如果你是一個 Web 開發者,如果你還沒有使用過 Firebug,不妨試一試,相信它會給你帶來耳目一新的感覺。
<span id="shareA4" class="fl">
</span>