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

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

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

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

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

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

簡(jiǎn)單來(lái)說(shuō)，如果你是一個(gè)開(kāi)發(fā)者或者設(shè)計(jì)師，要切換到Firefox，那么你應(yīng)該試一試Firefox開(kāi)發(fā)者版本。

為什么呢？因?yàn)樗哂幸恍┏Ｒ?guī)的Firefox不具有的功能（如WEB IDE或者Valence），并且，大部分的Firefox擴(kuò)展插件在開(kāi)發(fā)者版本下也可以很好的運(yùn)行。

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

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

1. Web Developer

Firefox的Web Developer擴(kuò)展插件會(huì)給你的Firefox瀏覽器添加很多的WEB開(kāi)發(fā)工具。我強(qiáng)烈建議你安裝Web Developer擴(kuò)展插件，因?yàn)樗幸恍┎诲e(cuò)的功能，可以加快你的WEB開(kāi)發(fā)流程。

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

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

2. User Agent Switcher

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

3. Firebug

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

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

4. HttpFox

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

5. Ghostery

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

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

6. Usersnap

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

7. ColorZilla

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

8. BuiltWith

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

9. FireQuery

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

10. Modify Headers

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

11. Advanced Cookie Manager

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

12. NoScript Security Suite

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

13. Dummy Lipsum

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

14. YSlow

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

總結(jié)

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

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

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