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,不妨試一試,相信它會給你帶來耳目一新的感覺。
原文地址:http://www.sitepoint.com/whats-new-firebug-2-0/ 譯文:gbtags
相關文章
- C++ 2.0新特性C++
- 〔譯〕TypeScript 2.0 的新特性TypeScript
- PHP 7.4 新特性 —— 箭頭函式 2.0PHP函式
- Spring Boot 2.0 新特性(二):新增事件ApplicationStartedEventSpring Boot事件APPdev
- C++2.0——語言新特性之Variadic TemplatesC++
- 官方解讀:TensorFlow 2.0中即將到來的所有新特性
- 在Vue3.0之前,回顧Vue2.0新特性的使用Vue
- vue2.0的基本特性Vue
- 新特性
- PHP8的一些新特性之聯合型別(Union Types 2.0)PHP型別
- React 新特性React
- 新特性介面
- Hadoop新特性Hadoop
- 第四十七章:SpringBoot2.0新特性 - Quartz自動化配置整合Spring Bootquartz
- BSN開放聯盟鏈“中移鏈”2.0瀏覽器提供了哪些新特性?瀏覽器
- Java 11新特性Java
- Java 8 新特性Java
- Android 9.0新特性Android
- ES 2024 新特性
- Go 1.13 新特性Go
- Servlet 3.0 新特性Servlet
- MySQL 8.0 新特性MySql
- PHP 7.4 新特性PHP
- IDL 9.1新特性
- Java 8 新特性Java
- .NET 7新特性
- Prometheus 2.21.0 新特性Prometheus
- Java 17新特性Java
- PostgreSQL 13–新特性SQL
- C++新特性C++
- 玩轉iOS開發:iOS 11 新特性《Layout的新特性》iOS
- 【譯】ES2018 新特性:Rest/Spread 特性REST
- C++11新特性(一):語言特性C++
- C++11新特性(三):語言特性C++
- C++11新特性(二):語言特性C++
- 第五十章:SpringBoot2.0新特性 - 豈止至今最簡單redis快取整合Spring BootRedis快取
- 第五十章:SpringBoot2.0新特性 – 豈止至今最簡單redis快取整合Spring BootRedis快取
- HTML5新特性HTML
- Swift 4.1 的新特性Swift