13個Firefox網頁設計擴充套件

作者: Jas / 發表於 2009-05-13

13 Firefox Add-ons for Web Designers

雖然,還很難說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關掉的窘境。





回上方