Firebug 2.0新特性

jopen 11年前發布 | 6K 次閱讀 Firebug

        英文原文: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 來控制需要顯示在面板中的功能項:

Firebug 2.0新特性

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

Firebug 2.0新特性

        事件視圖

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

Firebug 2.0新特性

        JavaScript 表達式查值

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

Firebug 2.0新特性

        自動補全增強

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

Firebug 2.0新特性

        格式化顯示

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

Firebug 2.0新特性

        源碼美化輸出

Firebug 2.0新特性

        其他更新

  • 點擊‘>’,HTML 屬性可以快速添加。
  • 控制臺消息分組。
  • 搜索框允許 CSS 選擇器和正則表達式。
  • 在 CSS 面板中可以看到 16 進制的顏色值。

        Firebug 的未來

        Firefox's自帶的審查元素功能已經很強大了,但是我還是會使用 Firebug,它可以提供更深層次的分析。雖然很多人覺得 Firebug 在其它瀏覽器上的支持太差了,但是我覺得這并不是個問題,畢竟火狐對于開發者來說算是一個必備瀏覽器。

        如果你是一個 Web 開發者,如果你還沒有使用過 Firebug,不妨試一試,相信它會給你帶來耳目一新的感覺。

來自: www.gbtags.com
                    <span id="shareA4" class="fl">   

                        </span>
 本文由用戶 jopen 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!