[轉]Firefox必備的24款web開發插件

Web Developer 1.1.8

　　https://addons.mozilla.org/en...
　　 以工具欄的形式對網頁的(X)HTML、腳本、多媒體、CSS、緩存、圖象等多方面的實用工具。使咱們能輕易的得到網頁的更多信息，使咱們進一步的瞭解當前所瀏覽的網頁。
　　說明：超強的web分析工具，開發人員必裝。

　　Firebug 1.5.0

　　https://addons.mozilla.org/en...
　 　Firebug是firefox下的一個插件,可以調試全部網站語言,如Html,Css等，但FireBug最吸引個人就是javascript調試 功能，使用起來很是方便，並且在各類瀏覽器下都能使用（IE,Firefox,Opera, Safari），簡直難以置信。除此以外，其餘功能還很強大。好比html,css,dom的察看與調試，網站總體分析等等。總之就是一整套完整而強大的 WEB開發工具。
　　說明：查看，編輯，Debug頁面的CSS,HTML,JavaScript。超強的開發調試的工具，開發人員必裝。

　　LinrLightWeb 0.2.1

　　https://addons.mozilla.org/zh...
　　F*安裝前，請確認您已安裝Firebug插件，獲取Firebug請訪問:http://getfirebug.com/
　　1. 開啓網頁編輯模式，隨意編輯網頁——Fiddler的好搭檔;
　　2. 超強Selector，查找操做標記;
　　3. 刷新CSS，無需刷新整頁;
　　4. 快速設置CSS Sprites背景，鼠標拖移便可獲得位置;
　　5. 保持登陸狀態，Session不過時;禁用
　　6. 同步發行IE版，Chrome版。
　　說明：很是強的web開發工具。

　　View Source Char 2.7

　　https://addons.mozilla.org/en...
　　畫一個 Color-Coded 的圖表的 Web 頁的源代碼。
　　說明：顯示很是好看的源碼, 分級縮進, 不一樣顏色區分。

　　Tamper Data 11.0.0

　　https://addons.mozilla.org/en...
　 　Tamper Data 的真實含義，即「篡改數據」（或者說定製 HTTP 請求）：截取瀏覽器發出的每個 HTTP 請求，提示咱們選擇是要進行定製，仍是不作定製而直接提交請求，仍是終止當前被截取的請求，而後根據咱們的選擇決定是打開定製窗口，仍是直接向 WEB 服務器提交請求，仍是終止當前的請求。
　　說明：查看 firefox 收發請求的 header, 特別是在發出請求前, 能夠修改 header。

　　JavaScript Debuger 0.9.87.4

　　https://addons.mozilla.org/en...
　　Venkman 做爲Mozilla的調試器，是針對Mozilla(Firefox)的自由工具
　　說明：firefox 環境下的 JavaScript Debugger, 強大的腳本調試工具。

　　Live Http Headers 0.15

　　https://addons.mozilla.org/en...
　　能夠用來實時監測發起的http請求和響應，也能夠修改請求參數以後從新發起請求。
　　說明：瀏覽頁面同時記錄全部 HTTP headers 。

　　Add N Edit Cookies 0.2.1.3

　　https://addons.mozilla.org/en...

　　查看和修改本地的Cookie，Cookie欺騙必備。
　　說明：查看而且修改 cookies, 不方便的地方是顯示全部瀏覽器的 cookies 而不只是當前頁。

　 XPath Checker 0.4.1

　　https://addons.mozilla.org/en...
　　這個工具沒什麼好多說的，就是安裝後能夠直接用，在網上看了使用方法，開始沒看明白，後來才知道是在頁面上點鼠標右鍵，下面有個view xpath,點擊就能夠了。
　　說明：聽說能夠調試 XPath。

　　YSlow 2.0.6

　　https://addons.mozilla.org/zh...
　　YSlow分析網頁,並提出如何提升其性能的基礎上一套規則,高性能的網頁。
　　說明：可以幫咱們分析web頁面比較慢的緣由，它是基於Firebug的，也能分開瀏覽web頁面的元素，好比js,css.

　　HTML驗證

---

　　HTML Validator(based on CSE HTML Validator)1.2.3

　　https://addons.mozilla.org/en...
　　HTML Validator是一個Firefox擴展，它能查找並標誌出HTML頁面上的錯誤。HTML Validator以Tidy爲基礎，Tidy最初是W3C爲驗證HTML代碼開發的一個工具。
　　說明：著名的 CSE HTML Validator 引擎。

　　Relaxed the HTML Validator 0.9.5

　　https://addons.mozilla.org/en...
　　Relaxed the HTML Validator 0.9.5 這是一個作html驗證的小插件，能夠很容易的檢測出頁面的錯誤的html代碼。
　　說明：直接在當前頁面上進行 HTML validation, 界面清晰直觀。

　　Total Validator 6.2.0

　　https://addons.mozilla.org/en...
　　這軟件幫助你檢查你的網頁是否符合標準,結果將幫助你迅速地解決問題。
　　說明：把當前頁面在 http://www.totalvalidator.com 作HTML Validation,輸出結果用紅字進行了語法修正, 比較友好。不過因爲經過其餘網站驗證, 速度有點慢, 而且結果不易保存。

　　頁面設計

---

　　MeasureIt 0.3.92

　　https://addons.mozilla.org/en...
　　經過能夠繪製在頁面任何地方的刻度尺來顯示以像素(px)計算的寬度、高度、元素縮進量。
　　說明：能夠測量頁面上任何選擇區域的長寬, 對界面設計人員很是有幫助。

　　ColorZilla 2.0.2

　　https://addons.mozilla.org/en...
　　利用ColorZilla 您能夠從瀏覽器中的任一點讀取色彩值，快速調節顏色並粘貼到其餘應用程序。您能夠縮放正在查看的頁面或測量頁面任意兩點之間的距離。
　　說明：從頁面, 或者調色板上取色, 同時能夠縮放頁面。

　　SEO廣告

---

　　RankQuest SEO Toolbar 3.9.2

　　https://addons.mozilla.org/en...
　　檢查網站在搜索引擎和alexa的狀態
　　說明：SEO 工具插件, 訪問一個頁面時, 顯示此頁面的各類排名及 SEO 信息。

**Adsense Preview 1.5**

　　https://addons.mozilla.org/en...
　　將谷歌廣告放到你的網頁上
　　說明：在當前頁面上顯示 Google ADs 幫助肯定廣告位置。

　　其餘工具

---

　　HackBar 1.4.2

　　https://addons.mozilla.org/en...
　　包含一些經常使用的工具。(SQL injection,XSS,加密等)
　　說明：快速對字符串進行各類編碼的工具, MD5, Base64, URLencode, URLDecode。

　　Document Map 0.6.1

　　https://addons.mozilla.org/en...
　　顯示當前頁的標題結構中側欄讓之間快速導航...
　　說明：提供頁面資源結構信息.。

　　IE View Lite 1.3.5

　　https://addons.mozilla.org/en...
　　IE View 簡裝版，將選項集成到了右鍵關聯菜單中，同時增長了一個工具欄按鈕。
　　說明：點右鍵能夠選擇在 IE 中打開頁面, 有助於跨瀏覽器調試。

　　TimeStamp Converter 2.0.0

　　https://addons.mozilla.org/en...
　　將轉換日期和 timestamps.Context 菜單選項將所選的時間戳轉換爲日期。
　　說明：除去從上下文中轉換, 還能夠手動將 timestamp 時間戳與 date/time 轉換。

　　TimestampDecode 0.1.8

　　https://addons.mozilla.org/en...
　　將所選的編號視爲一個時間戳並顯示一個已解碼的日期/時間。
　　說明：將選中的數字做爲 timestamp 時間戳轉換爲 date/time。

　　Fire Encrypter 4.0

　　https://addons.mozilla.org/en...
　　說明：將文字加密成各類算法的密文, 甚至包括摩爾斯碼。

　　Add-in-one Sidebar

　　https://addons.mozilla.org/en...
　　全方位多功能側邊欄。
　　說明：在瀏覽器左側增長打開書籤, 歷史, 插件等的工具條。

http://www.cnblogs.com/zhaozh...