現(xiàn)如今，無論你是開發(fā)者、設(shè)計師還是項目管理者，瀏覽器都是必不可少的，又或者，你僅僅用它來瀏覽網(wǎng)頁內(nèi)容。隨著基于瀏覽器的WEB應(yīng)用的發(fā)展趨勢，越來越多的需要用到瀏覽器。通常情況下，人們更加的偏愛Chrome，因為Chrome提供了豐富的擴(kuò)展和開發(fā)工具。

然而，Chrome也會有一些的缺點(diǎn)。越來越多的人提到瀏覽器的崩潰現(xiàn)象和它的性能問題。因此，你可以考慮使用Firefox來作為它的替代品。

在這篇文章中，我將向你展示14款開發(fā)者和設(shè)計師必備的Firefox擴(kuò)展插件。

相關(guān)閱讀：《15個對開發(fā)人員有用的Chrome擴(kuò)展插件》

Firefox還是Firefox開發(fā)者版本?

去年年底，Mozilla發(fā)布了一款專門為開發(fā)者設(shè)計的瀏覽器，因此，當(dāng)切換到Firefox的時候，你可能會問，應(yīng)該選擇Firefox還是Firefox開發(fā)者版本呢？

簡單來說，如果你是一個開發(fā)者或者設(shè)計師，要切換到Firefox，那么你應(yīng)該試一試Firefox開發(fā)者版本。

為什么呢？因為它具有一些常規(guī)的Firefox不具有的功能（如WEB IDE或者Valence），并且，大部分的Firefox擴(kuò)展插件在開發(fā)者版本下也可以很好的運(yùn)行。

下面就是由Usersnap的WEB開發(fā)團(tuán)隊精心挑選的開發(fā)者和設(shè)計師必備的Firefox擴(kuò)展插件。

（* 注：點(diǎn)擊圖片可直接打開插件鏈接）

1. Web Developer

Firefox的Web Developer擴(kuò)展插件會給你的Firefox瀏覽器添加很多的WEB開發(fā)工具。我強(qiáng)烈建議你安裝Web Developer擴(kuò)展插件，因為它有一些不錯的功能，可以加快你的WEB開發(fā)流程。

我非常喜歡它的CSS、表單、圖片選項，它們可以讓你快速的了解和訪問頁面結(jié)構(gòu)。

該插件在兩個版本的瀏覽器中都可以很好的運(yùn)行。

2. User Agent Switcher

User Agent Switcher擴(kuò)展插件允許你切換瀏覽器的代理。該插件還會給瀏覽器“Tool”下增加一個切換Internet Explorer的新的選項。

3. Firebug

Firebug可能是最著名的Firefox瀏覽器插件之一。它提供了廣泛的開發(fā)工具。Firebug插件使你可以在任何網(wǎng)頁上編輯、調(diào)試、監(jiān)測的CSS，HTML和JavaScript。它與Web Developer擴(kuò)展插件的功能基本上相同，但大多數(shù)人認(rèn)為它比標(biāo)準(zhǔn)的開發(fā)工具更加友好。

重要提示：Firebug與最新版本的Firefox開發(fā)者版本不兼容，但在正常版本下沒有問題。

4. HttpFox

Firefox的HttpFox插件是一個HTTP分析儀。它可以監(jiān)視所有在瀏覽器和web服務(wù)器之間傳入和傳出的HTTP流量。

5. Ghostery

Ghostery是一個功能強(qiáng)大的Firefox擴(kuò)展插件（其他瀏覽器也有），它可以顯示任何網(wǎng)站上安裝的trackers，pixels 以及 snippet。Ghostery允許顯示在任何給定的web頁面收集數(shù)據(jù)的追蹤器。

然而，你不僅可以顯示這些追蹤器，但你也可以阻止他們，如果你不想你的會話被跟蹤。

6. Usersnap

Usersnap Firefox插件允許您捕獲和注釋任何web頁面。它非常適合收集和管理反饋信息。所有創(chuàng)建的截圖都直接保存在您的項目中，這將使您能夠與同事和客戶進(jìn)行協(xié)作和討論更改請求。

7. ColorZilla

ColorZilla是一種先進(jìn)的顏色選擇器和吸管。它允許您獲取瀏覽器窗口中的任何像素的顏色。插件很簡單和容易使用。

8. BuiltWith

如同它的名字,該插件分析網(wǎng)站使用的技術(shù)和軟件。它不僅非常適合分析競爭對手網(wǎng)站，而且還可以看看任何web頁面的幕后技術(shù)。

9. FireQuery

該插件主要是給Firebug擴(kuò)展添加jQuery支持，需要先安裝Firebug。

10. Modify Headers

這個Firefox插件允許您修改發(fā)送到web服務(wù)器的HTTP請求頭。非常方便用于移動WEB開發(fā)的HTTP測試。

11. Advanced Cookie Manager

Advanced Cookie Manager允許你監(jiān)控和管理Cookie。您可以查看、添加、修改甚至刪除任何域的cookie。你甚至可以導(dǎo)出和導(dǎo)入Cookie，這非常有助于你重現(xiàn)某些問題、重建某些瀏覽器會話。

12. NoScript Security Suite

這個Firefox插件得到了相當(dāng)?shù)年P(guān)注，是一個最受好評的插件。它通過只讓你允許的域名下的JavaScript、Java等運(yùn)行來確保你的瀏覽器安全。

13. Dummy Lipsum

作為web開發(fā)人員或設(shè)計師，工作時你會發(fā)現(xiàn)這個擴(kuò)展在新網(wǎng)站模型或原型中很有用。這個插件為您的網(wǎng)站生成“l(fā)orem ipsum”文本。

14. YSlow

這個插件根據(jù)各種參數(shù)來分析網(wǎng)站頁面的性能，它給你一些網(wǎng)站性能的概述，并提供一些提升網(wǎng)站性能的建議。該插件需要先安裝Firebug，因為它運(yùn)行在Firebug內(nèi)。

總結(jié)

有太多的插件了，如果你想換回火狐你可能會對可用的插件印象深刻。Firefox絕對是一個具有強(qiáng)大功能和豐富擴(kuò)展插件的瀏覽器。當(dāng)你使用Firefox的時候，你可以通過上面提到的擴(kuò)展插件來修改和定制使用經(jīng)驗。

還有其他對開發(fā)者和設(shè)計師非常有用的插件嗎？在評論中回復(fù)以便讓我們知道吧。

via：usersnap，本文由 Specs 翻譯整理，發(fā)布在 Coder資源網(wǎng)，轉(zhuǎn)載請注明來源。