Firefox常用web開發插件
Web Developer
以工具欄的形式對網頁的(X)HTML、腳本、多媒體、CSS、緩存、圖象等多方面的實用工具。使我們能輕易的獲得網頁的更多信息,使我們進一步的了解當前所瀏覽的網頁。
說明:超強的web分析工具,開發人員必裝
Firebug
Firebug是firefox下的一個插件,能夠調試所有網站語言,如Html,Css等,但FireBug最吸引我的就是javascript調試功能,使用起來非常方便,而且在各種瀏覽器下都能使用(IE,Firefox,Opera, Safari),簡直難以置信。除此之外,其他功能還很強大。比如html,css,dom的察看與調試,網站整體分析等等。總之就是一整套完整而強大的 WEB開發工具。
說明:查看,編輯,Debug頁面的CSS,HTML,JavaScript。超強的開發調試的工具,開發人員必裝。
View Source Char
畫一個 Color-Coded 的圖表的 Web 頁的源代碼。
說明:顯示非常好看的源碼,分級縮進,不同顏色區分。
Tamper Data
Tamper Data 的真實含義,即“篡改數據”(或者說定制 HTTP 請求):截取瀏覽器發出的每一個 HTTP 請求,提示我們選擇是要進行定制,還是不做定制而直接提交請求,還是終止當前被截取的請求,然后根據我們的選擇決定是打開定制窗口,還是直接向 WEB 服務器提交請求,還是終止當前的請求。
說明:查看 firefox收發請求的 header,特別是在發出請求前,可以修改 header。
YSlow
YSlow分析網頁,并提出如何提高其性能的基礎上一套規則,高性能的網頁。
說明:能夠幫我們分析web頁面比較慢的原因,它是基于Firebug的,也能分開瀏覽web頁面的元素,比如js,css.
HTML Validator
HTML Validator是一個Firefox擴展,它能查找并標志出HTML頁面上的錯誤。HTML Validator以Tidy為基礎,Tidy最初是W3C為驗證HTML代碼開發的一個工具。
說明:著名的 CSE HTML Validator 引擎。
MeasureIt
通過可以繪制在頁面任何地方的刻度尺來顯示以像素(px)計算的寬度、高度、元素縮進量。
說明:可以測量頁面上任何選擇區域的長寬,對界面設計人員非常有幫助。
ColorZilla
利用ColorZilla 您可以從瀏覽器中的任一點讀取色彩值,快速調節顏色并粘貼到其他應用程序。您可以縮放正在查看的頁面或測量頁面任意兩點之間的距離。
說明:從頁面,或者調色板上取色,同時可以縮放頁面。