Firefox 4 正式版發布沒多久，怎么感覺這個版本老了呢？因為現在都 Firefox 7 Beta 了，唉。本文介紹 10 款 Firefox 4 的插件，適合網頁設計師使用的包括調試、測試和開發。

1) Firebug

Firebug是Firefox下的一款開發類插件，現屬于Firefox的 五星級強力推薦插件之一。它集HTML查看和編輯、Javascript控制臺、網絡狀況監視器于一體，是開發JavaScript、CSS、HTML和 Ajax的得力助手。

2) Total Validator

Total Validator Tool 這軟件幫助你檢查你的網頁是否符合標準，結果將幫助你迅速地解決問題。這件檢查工具有針對 W3C/ISO DTDs 的 (X)HTML 有效性，W3C WAI ，時間檢查，壞鏈檢查等。

3) JavaScript Debugger

4) MeasureIt

MeasureIt 是一個FireFox插件，可以讓你畫出一個尺子，然后測量網頁頁面中任一元素的高度和寬度。

5) Web Developer

The Web Developer extension adds various web developer tools to a browser

6) FireShot

Fireshot來源于截圖軟件Screenshot Studio的 開發商，是一個Firefox擴展或者說是Firefox版的Screenshot Studio（一款很強大的且與眾不同的截圖軟件），用于創建網頁截圖。重要的是，Fireshot與Screenshot Studio不同，它是免費使用的。如果你僅需要網頁截圖和簡單的編輯，Fireshot就是最好的選擇。當然，前提是你使用Firefox瀏覽器。

7) Codtch

Get the feel of Dreamweaver in a Firefox extension. Edit your documents right next to your web pages as you surf.

8 ) CSSUsage

Firebug extension to view which CSS rules are actually used.

9) IE TAB 2

IE Tab 2 is the most popular IE Tab for good reason. Use IE to view pages in a Firefox tab. This IE Tab is adapted from the original IE Tab with new features including IE 7, 8 or 9 compatibility modes. Import settings from your old IE Tab .

10) HTML Validator

HTML Validator is a Mozilla extension that adds HTML validation inside Firefox and Mozilla. The number of errors of a HTML page is seen on the form of an icon in the status bar when browsing.

11) ColorZilla

Advanced Eyedropper, ColorPicker, Page Zoomer and other colorful goodies..

12) FirePHP

FirePHP ?是Firefox 的擴充套件，但它可以幫你debug 后端PHP 的程式，聽起來很神奇是吧？其實用的技術跟某些IDE 一樣，要求你在寫程式時加入一些追蹤用的代碼。通過使用Firephp你可以在Firebug的Console欄中看到要調試的數據，而不影響php程序 的正常執行，所以說，這東西對于Ajax開發是很有幫助的！

網頁設計師的 12 款免費的 Firefox 4 插件