網頁設計師必用的14個Firefox擴充

責任編輯：杜濤作者： 網路 Roby Liang   2009-05-21   

  Web Developer Toolbar 

    關於 Web Developer 工具列我想這裡就不用多省筆墨介紹了吧。

    Firebug 
    跟 Web Developer Toolbar 一樣，Firebug 也強大的讓人有些相視恨晚。Web Developer Toolbar 塞給了我們一個工具列，雖然也可以靠右鍵菜單在目標網頁中進行操作，不過終歸不如工具列方便。這一點對於有些被 XX 工具列嚇壞了的使用者也許很難打接受，當然也有些覺得只要加了工具列就是流氓軟體的朋友們。Firebug 讓這些 Firefox 看到了希望，不強加工具列，也可以編輯、調試和監控任何網頁上的 CSS、HTML 和 Javascript。

    Console2 
    從Firefox1.5 版本開始，JavaScript 控制台就不支援 CSS 了，只能用於錯誤調試。這個擴充可以讓使用者使用不同的標籤來標註不同的偵錯類型。不過說實話，有了 Firebug 之後，就沒有裝這個擴充的必要了。

    CSSViewer 
    這是筆者最喜歡的擴充之一了。當初將她上傳到 mozine update 完全是因為作者漂亮的預覽圖，可一試用卻發現自己還是太膚淺了，使用這個擴充查看網頁中的各項 CSS 屬性簡直太方便了。

    User Agent Switcher / IE Tab / OperaView 
    在這裡偷了一下懶，將三個擴充放到了一起。藉助這三個擴充可以使 Firefox 很方便的更改瀏覽器 UA 和調用 IE 或者 opera，測試自己編寫的網頁在不同的瀏覽器下不同的表現。

    ColorZilla 
    利用 ColorZilla 大家可以從瀏覽器中的任一點讀取色多媒體訊息息並粘貼到其他應用程式，也可以縮放正在查看的頁面，測量頁面任意兩點間的距離，還可以從預定義的色彩中中選擇顏色 並儲存到自訂調色盤。DOM 偵測功能讓大家可以快速、容易地獲得關於 DOM 元素的各種資訊，設計見面的朋友們一定要試一試她。

    ViewSourceChart 
    ViewSourceChart 很體貼的為 HTML TAG 邊界相關定義人性化的提供了圖形化操作介面，是網頁設計初學者的一款利器。

    Tamper Data 
    Tamper Data 在 Mozine 論壇很少被提起，不過老衲認為這款擴充絕對值得高度關注。藉助 Tamper Data 我們可以密切的監視，記錄甚至是修改 Firefox 發出的每一次 http 和 https 的請求與響應，堪稱是我們的安全衛士。對於網頁設計者來說，這款擴充可以協助我們檢測自己寫的網頁中的超連結的健康情況。

    JavaScript Debugger 
    一款在 Mozilla 平台下的指令碼調試工具，又被稱做 Venkman。但是要做好心理準備的是很多使用者反應這個擴充在 Firefox 下並不是特別順手，我也沒有做過詳盡的測試，所以在這裡也不好多發表意見。不過，看起來很不錯。

    FireFTP 
    我想平時使用 Firefox 的網管 GG 們應該很少有人使用 Firefox 做為 FTP 終端來管理自己網站伺服器端的目錄吧。實話說 FireFTP 的效果很差，尤其對於我們中文使用者來說還存在著中文路徑的 BUG（其實我也不知道在最新的版本中到底有沒有根治這個 bug）。不過從積極的意義來看，FireFTP 的出現畢竟為我們提供了一種在 Firefox 上管理網站伺服器目錄的可能，讓我們試目以等待吧。

    MeasureIt 
    MeasureIt 提供的功能特簡單，就是測量當前網頁中任意部分的長度與寬度，由於她太低調，所以到今天都還沒有引起人們足夠的重視，對於有這些的需要可是不想安裝 Web Developer Toolbar 這樣的大傢伙的朋友們，MeasureIt 是個不錯的選擇。

    Edit Cookies 
    Edit Cookies 似乎在國內也比較少的被人所提及，這款擴充提供了一個圖形介面來管理網站的 cookie，甚至延長 cookie 的有效期間，各位站長也可以藉助這款擴充來查看自己網站的 cookie 情況。

本文是使用 B3log Solo 從 b3log-vanessa 進行同步發布的。