在Firefox于2018年進(jìn)行了大規(guī)模的更新之后，擴(kuò)展方面的工作也引起了一些變化。一些流行的插件不再可用。大多數(shù)擴(kuò)展在Firefox和谷歌Chrome之間是跨瀏覽器兼容的。因此，我們決定選擇在Firefox、Chrome和Chromium上同樣好用的插件。你也會(huì)發(fā)現(xiàn)免費(fèi)擴(kuò)展保護(hù)你的信息，不包括廣告收入。在本文中，您將發(fā)現(xiàn)不限制您使用特定開(kāi)發(fā)技術(shù)的插件。盡管大多數(shù)網(wǎng)站開(kāi)發(fā)者并不認(rèn)為Microsoft Edge是一款開(kāi)發(fā)瀏覽器，但它仍然是一款非常適合開(kāi)發(fā)后測(cè)試的瀏覽器。如果用戶拒絕使用Internet Explorer瀏覽器，那么可以使用Microsoft Edge的訪客數(shù)量可能會(huì)增加。由于IT社區(qū)更喜歡Firefox，與Chrome相比，為開(kāi)發(fā)人員設(shè)計(jì)的擴(kuò)展數(shù)量更多。因此，讓我們仔細(xì)看看最好的瀏覽器插件，并了解如何通過(guò)使用它們獲益。

Built With：這個(gè)擴(kuò)展可以用于Chrome/Chromium和Firefox。它的目的是幫助您了解網(wǎng)站是如何創(chuàng)建的。有了這個(gè)附加組件，您不必花很多時(shí)間鉆研編程代碼。

aXe：這個(gè)工具旨在使您的網(wǎng)站可訪問(wèn)。它將幫助您避免將整個(gè)用戶組排除在您的web資源之外。Chrome/Chromium和Firefox都可以使用這個(gè)擴(kuò)展。

ColorZilla：這是一個(gè)擴(kuò)展，旨在幫助開(kāi)發(fā)人員和圖形設(shè)計(jì)師處理與顏色相關(guān)的任務(wù)。使用ColorZilla，您有機(jī)會(huì)讀取顏色，調(diào)整它，并將其插入另一個(gè)程序。該插件允許在Chrome/Chromium和Firefox瀏覽器上完成基本和高級(jí)任務(wù)。

WebDeveloper：這個(gè)工具在你的瀏覽器上應(yīng)用了一些額外的功能，這些功能可以控制設(shè)計(jì)的各個(gè)方面，比如CSS、圖像、表單和其他細(xì)節(jié)。作為最流行的插件之一，它可以用于Chrome/Chromium和Firefox。

WOO RANK：Woorank提供了SEO數(shù)據(jù)分析所需的一切，包括內(nèi)部信息、SEO評(píng)分、關(guān)鍵詞云、改進(jìn)建議等。該擴(kuò)展可以在Chrome/Chromium和Firefox上使用。

TAB2QR：這個(gè)擴(kuò)展可以讓你通過(guò)移動(dòng)設(shè)備為你想訪問(wèn)的網(wǎng)站生成二維碼。你所要做的就是用手機(jī)或平板電腦掃描代碼。順便說(shuō)一下，如果你想檢查網(wǎng)站的響應(yīng)能力，這個(gè)插件是一個(gè)完美的選擇。您可以將該擴(kuò)展應(yīng)用于Chrome/Chromium和Firefox瀏覽器。

HTTP REQUEST MAKER：使用這個(gè)附加組件，您無(wú)需做很多努力就可以建立HTTP請(qǐng)求。如果您不想提交表單并測(cè)試不必要的處理，但又想測(cè)試PHP表單響應(yīng)，那么這個(gè)工具正是您所需要的。此外，你還可以找到Chrome/Chromium和Firefox瀏覽器的下載鏈接。

頁(yè)面的性能測(cè)試：如果您希望在訪問(wèn)瀏覽器的過(guò)程中監(jiān)視頁(yè)面的操作方式，那么頁(yè)面性能測(cè)試擴(kuò)展將幫助您做到這一點(diǎn)。到目前為止，這個(gè)插件只適用于Firefox。盡管Chrome和Chromium都有類似的擴(kuò)展，但它們的功能沒(méi)有Firefox豐富。

單詞計(jì)數(shù)工具：除了單詞計(jì)數(shù)，這個(gè)附加組件還允許您檢查分析文本塊中的字符和句子的數(shù)量。你可以在Chrome/Chromium和Firefox瀏覽器上激活這個(gè)工具。

WEB開(kāi)發(fā)人員清單：對(duì)于希望遵循最佳實(shí)踐的開(kāi)發(fā)人員來(lái)說(shuō)，這是一個(gè)完美的解決方案。此外，它允許在網(wǎng)站上發(fā)現(xiàn)問(wèn)題區(qū)域并迅速消除它們。該擴(kuò)展可用于Chrome/Chromium和Firefox。

圖像映射編輯器：這是一個(gè)由德國(guó)開(kāi)發(fā)人員Heinz-Jurgen Boms專門(mén)為Firefox瀏覽器開(kāi)發(fā)的工具。有了這個(gè)擴(kuò)展，您可以很容易地跟蹤需要在瀏覽器中繪制和創(chuàng)建導(dǎo)航地圖的圖像位置。

高級(jí)編輯器框架：這是Heinz-Jurgen Boms開(kāi)發(fā)的另一個(gè)工具，適用于Firefox瀏覽器。使用這個(gè)CSS樣式工具，您可以通過(guò)設(shè)置它的特征在瀏覽器中構(gòu)建一個(gè)框架。在使用該工具之前，我們建議檢查高級(jí)框架編輯器的手冊(cè)。

引導(dǎo)的反應(yīng)輔助：有了這個(gè)清晰的擴(kuò)展，您就有機(jī)會(huì)檢查您的控制點(diǎn)是否正確工作。此外，你可能會(huì)發(fā)現(xiàn)你的網(wǎng)站目前的引導(dǎo)水平。請(qǐng)注意，這個(gè)附加組件只有在您不斷使用Bootstrap時(shí)才有用。您可以在Chrome/Chromium或Firefox上激活該工具。

HTML5編輯器：如果您喜歡在同一個(gè)地方完成所有工作，那么就使用這個(gè)工具。由于具有豐富的特性和上下文感知，編輯器可以在Firefox中正確執(zhí)行，并支持HTML、JS和CSS。

x射線眼鏡：作為一個(gè)書(shū)簽而不是標(biāo)準(zhǔn)的擴(kuò)展，x射線護(hù)目鏡在Chrome/Chromium和Firefox中工作得完美無(wú)瑕。為了使用該工具，您需要打開(kāi)書(shū)簽欄，從上面的鏈接安裝Goggles，并將其拖放到書(shū)簽欄中。然后，訪問(wèn)任何網(wǎng)站，激活x光護(hù)目鏡書(shū)簽，在頁(yè)面上選擇一個(gè)元素，并對(duì)該元素進(jìn)行代碼編輯。