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關掉的窘境。

6 留言

sadhappy寫道…
收到~ 感謝分享 ^^
tony寫道…
之前玩外掛玩太兇...
開FF比IE還慢...
cc表示…
專業!
白蟻寫道…
對Firefox可說是已到迷戀的程度了
現在知道連網頁設計都有外掛可以用
(其實以前就知道了只是沒看過這方面的使用經驗不想自己花時間去測試)
當然要試試
黑兔™寫道…
very good! 多謝~
風痕影寫道…
ColorZilla 讓我想起一個小程式,叫做 "北斗色彩識別器",它可以吸取畫面上任何地方的顏色,而且同時會顯示顏色的名稱等資訊,點一下還可以直接把色碼複製到剪貼簿裡
較新的 較舊