Firebug 2.0新特性

gbtags發表於2014-08-28

  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,不妨試一試,相信它會給你帶來耳目一新的感覺。

  原文地址:http://www.sitepoint.com/whats-new-firebug-2-0/ 譯文:gbtags

相關文章