作為一個webdesigner（網站設計師），你應該注意到了國外主流瀏覽器Firefox。如果你還沒有使用Firefox，您可以現在去下載它。火狐除了提供網頁瀏覽體驗之外，而且還提供了一個功能，是其他任何瀏覽器無法媲美的。那就是第三方開發的附加組件工具可以根據不同愛好和需求安裝加載在Firefox瀏覽器中，大大提高您的工作效率并節省您的時間，
目前Firefox的附加組件達到成百上千個，有的幫助您瀏覽被屏蔽的網站，有的幫助您下載隱藏文件，有的幫助您實現網站窗口單一化和自動翻頁等等，既然有這么多不同功能的組件可以下載，我們今天介紹6種針對網站設計師需要的組件。
Web Developer
雖然被稱為 Web Developer，但是這一Firefox附加組件對于網頁設計師來說絕對是非常寶貴的。
如果你添加安裝完畢此組件，網站設計人員會發現有用的是CSS菜單。這個菜單的功能包括顯示CSS是否出錯，查看CSS，編輯和加入自定義樣式信息。另外 1個特點是圖像菜單。可以查看ALT屬性，圖像尺寸，圖像文件大小和圖像的路徑，您可以禁用圖像，找到無效的圖像，ALT屬性替換圖像等一些額外的功能。
Firebug
盡管Web Developer是我們第一推薦， Firebug 緊隨其后也是我們要重點推薦的。
有了Firebug的，你可立即編輯，調試和監測任何網頁。Firebug可以讓你對任何網頁CSS，HTML和JavaScript完全控制。最棒的是，您調試的每個不同的變化，都可以立即看到效果。
像大多數好的Firefox插件一樣，Firebug 也有增值服務可以選擇，這樣用戶可以使用一些額外的功能。
Colorzilla
作為一個網頁設計師，當您在網上沖浪的時候，你永遠不知道什么時候靈感會打動你。比如，您可能會看一個網站的色彩，你真的很喜歡。
如果你想快速，有效的抓出這些色彩，你應該安裝 ColorZilla 附加組件。
ColorZilla附加功能的在線滴管，這使得它非常簡單的抓取顏色精確值。除了在線滴管，ColorZilla提供多種附加功能，大部分的網頁設計師會找到有用的，如 DOM的色彩分析儀和在線配色等。
FireShot
雖然你的操作系統具有內置的屏幕捕捉功能，但這并不意味著默認的屏幕捕獲符合您實際需要的情況，比如一般都抓一屏，如果網站很長就要抓很多次，還是斷開的，而且所抓取的內容還包括瀏覽器窗口。
幸運的是，Fireshot插件，提供只抓去瀏覽器以內的網頁功能，連同其他有用的多種功能。
FireShot的是一種先進的Firefox屏幕捕獲附件組件。除了讓您能夠捕獲整個網頁（即使網頁不是作為對您的瀏覽器窗口的限制而導致的不可見部分），FireShot的還可以直接在屏幕捕獲后添加注釋。
FireShot 讓您在屏幕捕獲后保存上有多種選擇。他們不僅可以被保存為不同的文件格式，但也可以保存到本地計算機，或服務器網絡。目前，因為這功能，這個附加已吸引了超過15.0萬活躍用戶，并已證明是網頁設計人員和其他互聯網專業人士的摯愛。
CSS驗證器/HTML Validator
作為設計師，你要確保你的網站作品，都可以很容易在任何電腦和平臺上顯示和展示。首先就是確保這CSS和HTML代碼的W3C驗證。
無論是 CSS驗證器還是HTML驗證 當我們安裝了CSS驗證器/HTML Validator這個組件以后，可以在瀏覽器上一點，就會進入驗證頁面，根據驗證結果調整自己的網站。
Window Resizer的瀏覽器
互聯網，最令網頁設計師沮喪的問題之一，就是我們所設計的網站，需要在不同屏幕尺寸下顯示。
因為你不知道的訪問者的瀏覽器分辨率是640 × 480，800 × 600，1024 × 768，1280 × 1024或1600 × 1200，所以我們必須解決不同分辨率網站顯示的問題。
我發現安裝 Window Resizer附加組件，是最有效的方式來完成這項任務。一旦您下載并安裝此插件，您可以按照上述尺寸查看自己的網頁在不同分辨率下的表現。
我們可以通過調試去解決大部分分辨率下的展示問題。
1. Web Developer Toolbar
功能非常強大，是做網頁設計師的必備工具。
2. CssViewer
可以在網頁中查看某個區域的CSS， 我常常用它研究一些特別的效果是如何做出來的。
3. Firebug
用來調試網頁，如果HTML，CSS或者JS出錯，它會有對應提示。
4. IEtab
在FF切換到IE，省去再打開一個IE瀏覽器的麻煩。對于測試頁面在各種瀏覽器的兼容時特別有用。
5. X-ray
名副其實的插件-> X射線，使用了之后直接在頁面中查看網頁對應結構，比較直觀，而不需要查看源代碼，這個插件和CSSViewer配合特別有用。
6. FasterFox
提升FF性能的工具，我用來測試頁面的載入時間。
7. HTML Validator
校驗XHTML是否標準，雖然比不上W3C的validator, 但是對于一般應用而言已經足夠。
8. ColorZilla
截取網頁的配色工具。
9. MeasureIT
尺子，量取頁面的某個區域的大小。
