引言

作為一個(gè)前端開(kāi)發(fā)者，日常使用最多的就是瀏覽器，而瀏覽器中使用最多的在當(dāng)下應(yīng)該是Chrome，作為一個(gè)重度依賴(lài)Chrome的我來(lái)說(shuō)，在平時(shí)的開(kāi)發(fā)過(guò)程中為了提升工作體驗(yàn)，特別是前端開(kāi)發(fā)過(guò)程中，因此我就把我所用到的擴(kuò)展推薦給大家。

創(chuàng)新互聯(lián)自2013年起，先為天津等服務(wù)建站，天津等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢(xún)服務(wù)。為天津企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

Chrome

擴(kuò)展列表

以下就是我瀏覽器中所有的擴(kuò)展，有些我可能會(huì)在下面著重的說(shuō)明一下，部分?jǐn)U展就不過(guò)多介紹了

擴(kuò)展預(yù)覽

Clear Cache

這是我重度使用的一款插件，它對(duì)我的開(kāi)發(fā)提供了非常便利的功能，看名字就知道，Clear Cache，緩存清理，我為什么說(shuō)它好用，請(qǐng)看下面截圖

緩存清理

我們都知道前端開(kāi)發(fā)的時(shí)候經(jīng)常接觸瀏覽器緩存，我們?yōu)榱吮苊饩彺鎸?duì)我們開(kāi)發(fā)調(diào)試的影響，通常會(huì)選擇清理，瀏覽器自帶的快捷清理雖然也可以用，但是還不夠方便，用這個(gè)插件可以一鍵處理，而且也還提供了清理時(shí)間段內(nèi)的緩存以及配置是否自動(dòng)刷新的設(shè)置，截圖中也提供了它可選清理的瀏覽器數(shù)據(jù)。

選擇清理

Local Storage Explorer

這是一個(gè)localStorage的插件，看一下截圖就知道了，就是將localStorage自動(dòng)展開(kāi)了，其實(shí)我覺(jué)得比較雞肋，自帶的已經(jīng)很好用了。

緩存瀏覽

Octotree

這是是我在瀏覽Github的時(shí)候用到的插件，應(yīng)該很多人都知道了，就是為了方便瀏覽代碼的

Github瀏覽

在左邊會(huì)生成一個(gè)項(xiàng)目代碼樹(shù)，能夠很快找到自己想要的代碼文件，比較的實(shí)用

React Developer Tools

這是前端開(kāi)發(fā)react項(xiàng)目中所用到的調(diào)試插件，相信React開(kāi)發(fā)者應(yīng)該都知道這個(gè)插件，它可以很直觀的看到頁(yè)面的組件組成以及生成的代碼，同時(shí)你可以在搜索欄過(guò)濾你想要看到的組件。

React擴(kuò)展

Vue.js devtools

這個(gè)是Vue開(kāi)發(fā)者的插件，功能要比React的多不少，由于本人沒(méi)什么Vue的開(kāi)發(fā)經(jīng)驗(yàn)，而且相信Vue的大多數(shù)開(kāi)發(fā)者也知道這個(gè)插件，就不過(guò)多的介紹了。

Vue擴(kuò)展

Restlet Client - REST API Testing

這個(gè)插件也是我常用的，它是一個(gè)可以測(cè)試api接口的插件，我們一起來(lái)感受下

api測(cè)試

這個(gè)界面也比較現(xiàn)代化，功能也非常強(qiáng)大，基本上你需要用到的它都有，而且可以登錄賬號(hào)同步，比postman好的地方就是，直接作為瀏覽器擴(kuò)展，不需要額外安裝應(yīng)用，而且我覺(jué)得要好看點(diǎn)，因?yàn)殚L(zhǎng)時(shí)間沒(méi)用到Postman了。

api測(cè)試

WEB前端助手(FeHelper)

這個(gè)可能大多數(shù)開(kāi)發(fā)者都知道這個(gè)插件，它是一個(gè)比較全面的開(kāi)發(fā)助手，功能非常多，這是一款開(kāi)源在Github上的插件，由國(guó)人開(kāi)發(fā)

前端助手

Github地址是：https://github.com/zxlie/FeHelper

劃詞翻譯

這是一個(gè)翻譯擴(kuò)展，主要是瀏覽器自帶的瀏覽器翻譯就直接所有的都翻譯了，不是很方便，因此就有了這個(gè)插件，我一般在瀏覽外文博客的時(shí)候常用，可以直接對(duì)你選擇的部分進(jìn)行翻譯，同時(shí)我覺(jué)得真要看外文博客，QQ瀏覽器自帶的中英文對(duì)比翻譯也挺好的。

劃詞翻譯

Tampermonkey

這個(gè)插件到哪都會(huì)有人推薦，我著重推薦的不是插件本身，而是它提高我們搜索效率的腳本，看下面截圖就知道了，整個(gè)搜索變得非常的純粹，不會(huì)有那么多廣告，而且可以自定義樣式，很實(shí)用的功能，腳本也在Github上了，你也可以直接到插件提供的腳本地址搜索。

效果預(yù)覽

效果預(yù)覽

搜索優(yōu)化插件

總結(jié)

以上是我所常用的擴(kuò)展，在這里推薦給大家，如果你有什么好用的的插件擴(kuò)展，歡迎到評(píng)論區(qū)分享，今天介紹的擴(kuò)展已經(jīng)打包好，如果你需要的話，可以下載使用，關(guān)于如何安裝請(qǐng)到自行搜索，感謝大家的支持，

當(dāng)前標(biāo)題：那些被開(kāi)發(fā)者所青睞的瀏覽器擴(kuò)展插件
分享網(wǎng)址：http://fisionsoft.com.cn/article/dhsjigs.html