13個Firefox網頁設計擴充套件

雖然，還很難說Firefox是Facebook的最大敵手，但，作為一個網頁瀏覽器，Firefox早已跳脫出一般網頁瀏覽器的使用框架，這一點顯然已是不爭的事實。

對許多網頁設計師而言，Firefox在設計工作上的重要性，可能早已遠遠超越過DreamWeaver很多很多了。

事實上，透過擴充套件Add-ons的安裝，Firefox極可能就是你所使用過最強大的網頁設計工具。

最近讀到《10 Firefox Add-ons for Web Designers You Might Not Know Of》這篇文章，順便也重新再整理一下幾款常用的Firefox網頁設計擴充套件：

1. Firebug：這應該是一個不用再多作介紹的擴充套件。去年，我還寫過一篇「修正 Firebug 會讓 Gmail 變慢的問題」的實作記錄。
2. Firecookie：安裝後，可以在Firebug裡管理cookie網站為辨別用戶身份而儲存在用戶端（Client Side）上的數據。
3. CodeBurner：安裝後，可以在Firebug裡更便利地進行檢視與編輯HTML及CSS。
4. Web Developer Toolbar：如果你是一位很習慣使用Opera的Designer，Web Developer Toolbar應該是一個能讓你在Firefox找回熟悉感覺的擴充套件。
5. MeasureIt：讓你更方便測量網頁元件的精確尺寸。
6. ColorZilla：讓你更方便檢視網頁元件的用色。
7. CSSViewer：雖然Firebug與Firefox都可以檢視網頁原始碼，但，前者太大費周章，後者又太陽春。有時候，CSSViewer正好是速捷檢視網頁原始碼的絕佳利器。
8. Screengrab：網頁截圖工具。
9. 除了Screengrab之外，Page Saver Basic也是個不錯的選擇。
10. GridFox：著手進行（或學習）grid layouts網格排版設計時的輔助工具。
11. Firefox Accessibility Extension：可以用來測試網頁的易讀性與親和力，以製作無障礙網頁。
12. User Agent Switcher：如果你想測試針對某個特定瀏覽器而設計的網頁內容，就可以利用User Agent Switcher來達成。
13. PageDiff：很方便用來版本比對或除錯，譬如測試頁與上線頁面的原始碼歧異。

就我個人的使用經驗，以上這些擴充套件，當然不必全部一次裝齊，而是要視實用度來取捨。

擴充套件的取捨，通常要視個人使用環境而略作調整，適時停用，甚至選擇不安裝某些功能上較次要的套件。否則，就會經常遇到開Photoshop或Illustrator時，必須先把Firefox關掉的窘境。

Tags: 網頁設計, web design, 擴充套件, 外掛