前言

? ? ? 一直都對Chrome情有獨(dú)鐘关筒，現(xiàn)在幾乎成為我最喜歡用的瀏覽器，把它稱之為一場瀏覽器革命毫不為過签财，至于優(yōu)點(diǎn)很明顯：強(qiáng)大的Developer Tools敬鬓，響應(yīng)快速淹朋，支持各種插件笙各。而它的插件能夠極大地提高開發(fā)生產(chǎn)效率钉答，可以這么說，熟練使用這些插件杈抢，逼格瞬間上升一個檔次∈颍現(xiàn)在把自己經(jīng)常用到的感覺不錯的插件分享給大家，同時歡迎伙伴們留言來推薦更多更好玩的插件惶楼。

開發(fā)工具類

FeHelper

Web前端FE助手：JSON格式化右蹦、JSON比對、二維碼生成與解碼歼捐、字符串編解碼何陆、圖片base64編碼、代碼壓縮豹储、代碼美化贷盲、頁面取色、Markdown與HTML互轉(zhuǎn)剥扣、網(wǎng)頁滾動截屏巩剖、正則表達(dá)式、時間轉(zhuǎn)換工具钠怯、編碼規(guī)范檢測佳魔、頁面性能檢測、Ajax接口調(diào)試晦炊、隨機(jī)密碼生成鞠鲜、網(wǎng)頁編碼設(shè)置宁脊、便簽筆記、JS運(yùn)行效率分析等镊尺。

直接點(diǎn)擊插件圖標(biāo)即可開始使用朦佩，選擇好對應(yīng)的請求模式就能對發(fā)送Web請求并檢查響應(yīng)。支持Get庐氮、Post语稠、Put、Delete弄砍、Head仙畦、Options、Patch等方法音婶，支持以表單的形式測試接口慨畸，以及測試上傳附件的接口

除了豐富的功能外，還比較喜歡這個工具的一點(diǎn)是衣式，只要裝了這個工具寸士，在瀏覽器請求一個get接口時，如果返回的是一個json數(shù)據(jù)碴卧，F(xiàn)eHelper會自動將json數(shù)據(jù)格式化

Vue Devtools

一款專門為調(diào)試vue.js應(yīng)用而設(shè)計的Chrom擴(kuò)展弱卡，可以在瀏覽器開發(fā)者工具下調(diào)試代碼。

打開一個已有的vue項(xiàng)目住册，運(yùn)行項(xiàng)目婶博，然后在瀏覽器中→ 設(shè)置→更多工具→開發(fā)者工具，進(jìn)入調(diào)試模式

React Developer Tools

一款由FaceBook開發(fā)的Chrome 擴(kuò)展荧飞，可以使用 Chrome Devtools 進(jìn)行調(diào)試凡人，查看應(yīng)用程序的 React 組件分層結(jié)構(gòu)，而不是更加神秘的瀏覽器 DOM 表示叹阔。它允許你檢查React在Chrome開發(fā)者工具組件的層次結(jié)構(gòu)挠轴。

調(diào)試是開發(fā)過程中相當(dāng)相當(dāng)痛苦的一件事情，如果沒有好的工具配合那就更痛苦了耳幢！React是基于Babel的編譯轉(zhuǎn)碼岸晦，到瀏覽器執(zhí)行的實(shí)際上是es5代碼，雖說良好的代碼結(jié)構(gòu)轉(zhuǎn)碼后可讀性還是相當(dāng)高帅掘，但對于很多小白用戶來說很難適應(yīng)

JsonView

一般我們在對接api接口的時候委煤，一般都是默認(rèn)返回json格式，想要查看具體返回哪些內(nèi)容的時候通過Chrome查看全亂的修档，而且中文編碼也不對碧绞，而有了這個插件就不一樣了，自動跟你排列出Json數(shù)據(jù)吱窝，不管返回數(shù)據(jù)有多復(fù)雜讥邻，你都可以很直觀的了解他的數(shù)據(jù)格式迫靖，簡直開發(fā)者必備

安裝了JsonView擴(kuò)展程序后的展現(xiàn)效果，效果很明顯

Postman

開發(fā)者在調(diào)試網(wǎng)絡(luò)時候兴使，Linux平臺一般常用curl這種命令行工具系宜，如果你不會使用或者不習(xí)慣命令行，那Postman是你的不二人選发魄，可以直接發(fā)送一個請求盹牧，自定義Params、Header励幼，查看Response狀態(tài)等

口碑極好的一款接口調(diào)試工具汰寓；不管是從事前端，還是移動端開發(fā)苹粟，這都是一款必備神器

Source Shell App

一款可以將Chrome當(dāng)成SSH連接工具的瀏覽器應(yīng)用

很多小白想要通過購買服務(wù)器搭建自己的VPN, 購買服務(wù)器后, 第一步就是要通過ssh登錄服務(wù)器, 而Windows并沒有自帶ssh軟件,現(xiàn)在你無需下載putty或xshell ,可以通過這款Secure Shell App在chrome直接實(shí)現(xiàn)ssh登錄服務(wù)器了

MyAdmin App

一款可以將瀏覽器窗口當(dāng)成MySQL數(shù)據(jù)庫客戶端的工具有滑。

Octotree

Code tree for GitHub and GitLab；作為五星好評的存在嵌削，大有相見恨晚的感覺毛好，值得擁有；當(dāng)你翻別人源碼的時候苛秕，是否很苦惱肌访，特別是你的網(wǎng)絡(luò)不給力的時候，簡直很抓狂想帅，有否场靴？而 Octotree 的存在啡莉，就是幫助你整理出來項(xiàng)目文件列表港准，立于側(cè)邊，好如編輯器一般

當(dāng)我們在瀏覽別人的開源代碼時咧欣，還要clone下來一個文件查看浅缸，而有了這個插件，你可以直接在Chrome側(cè)邊欄向打開文件夾一樣的查看別人的項(xiàng)目

Clear Cache

點(diǎn)擊圖標(biāo)即可清除緩存魄咕、cookie等衩椒，開發(fā)必備

分析測試類

Restlet Client

一款運(yùn)行在Chrome內(nèi)核瀏覽器上測試接口的工具。主要用于測試各種Web服務(wù)哮兰，能查看網(wǎng)站基本信息毛萌、瀏覽網(wǎng)頁代碼并能發(fā)送HTTP請求，同時支持自動化API場景喝滞。

使用者可以先將多個API請求組合成一個方案來創(chuàng)建一個針對的自動化場景來進(jìn)行測試阁将。特別適合在測試一些內(nèi)部接口時，還必須要在用戶登錄的情況下才能測試的情況

Wappalyzer

是一款功能強(qiáng)大的右遭、且非常實(shí)用的chrome網(wǎng)站技術(shù)分析插件做盅，通過該插件能夠分析目標(biāo)網(wǎng)站所采用的平臺構(gòu)架缤削、網(wǎng)站環(huán)境、服務(wù)器配置環(huán)境吹榴、JavaScript框架亭敢、編程語言等參數(shù)，使用時很簡單图筹，開啟你要分析帅刀、檢測的網(wǎng)頁后，點(diǎn)選該圖示即可看到網(wǎng)站使用的相關(guān)技術(shù)和服務(wù)

EditThisCookie

是一款可以管理Chrome瀏覽器中cookies的插件远剩，用戶可以利用添加劝篷，刪除，編輯民宿，搜索娇妓，鎖定和屏蔽cookies。

瀏覽利器篇

LastPass

是不是平時上網(wǎng)很多網(wǎng)站各種密碼記不谆钣ァ哈恰？都用一個密碼又怕一個網(wǎng)站的密碼泄露全軍覆沒，有了這個就不用怕了志群，用官方原話解釋就是：Free Password Manager着绷，你值得擁有

FireShot

捕捉網(wǎng)頁截圖，編輯并將它們保存為PDF锌云，JPEG荠医，GIF，PNG或BMP

Adblock Plus

最受歡迎的Chrome擴(kuò)展桑涎，擁有超過6000萬用戶彬向！攔截網(wǎng)頁上的廣告。

在我看來是使用谷歌瀏覽器必須安裝的攻冷，能攔截掉網(wǎng)頁上的各種亂七八糟的廣告娃胆，也可以屏蔽掉搜索引擎根據(jù)你的喜好展示的推薦

擴(kuò)展小工具

SimpleUndoClose

一款可以快速撤銷恢復(fù)還原最近被關(guān)閉的標(biāo)簽的谷歌瀏覽器插件。在日常的瀏覽器使用操作中等曼，難免會有誤關(guān)閉標(biāo)簽的情況里烦，那么如何才能快速撤銷關(guān)閉呢，如果有安裝過鼠標(biāo)手勢插件那么一個操作也是可以恢復(fù)被我們一不小心關(guān)閉的標(biāo)簽窗口禁谦。

在選單中除了可輸入網(wǎng)址或關(guān)鍵字來篩選胁黑、尋找先前看過的網(wǎng)頁之外，也可以依照需求設(shè)定是否顯示搜尋框州泊、是否顯示 Clear 按鈕丧蘸、搜尋框的位置與歷史紀(jì)錄的數(shù)量、每頁顯示數(shù)量等拥诡，可依照自己的喜好設(shè)定

瀏覽器的網(wǎng)址列右邊會出現(xiàn)一個小圖示触趴，按一下圖式便可顯示最近關(guān)閉的分頁氮发，點(diǎn)一下網(wǎng)頁標(biāo)題即可再度開啟你先前看過的網(wǎng)頁

Screencastify

一款可以錄屏的Chrome插件，可以錄瀏覽器冗懦，可以錄桌面等爽冕。錄制完成后自動打開一個標(biāo)簽頁播放，可以上傳到goole云盤披蕉，也可以將錄制的文件下載到本地颈畸，文件后綴為.webm。

點(diǎn)擊RECORD開始錄制

Extension Manager

一款Chrome插件管理工具没讲，裝了太多的插件可以使用這個工具來進(jìn)行管理眯娱。

Tampermonkey

一款強(qiáng)大的難以想象的瀏覽器插件，俗稱“油猴子”爬凑。腳本管理插件徙缴，提供了多個腳本倉庫，各種腳本應(yīng)有盡有嘁信，別管正不正經(jīng)你都能找到于样，當(dāng)然腳本質(zhì)量也是魚龍混雜，只能自己分辨潘靖。

直接下載百度網(wǎng)盤文件(全速) 穿剖、重新定制繁雜的微博頁面、去掉視頻播放廣告(甚至播放vip視頻)卦溢、將網(wǎng)站默認(rèn)的「二維碼登錄」改回「賬號密碼登錄」糊余、繞過搜索引擎的跳轉(zhuǎn)提示、還原清新的小說閱讀模式单寂、豆瓣和IMDb 互相顯示評分等腳本

Momentum

一款清新的新標(biāo)簽頁插件贬芥，具有待辦、天氣凄贩、搜索功能誓军，最最重要的是袱讹，插件的大背景疲扎，非常具有創(chuàng)意和藝術(shù)氣息，每天更換捷雕。

新打開一個Tab的時候再也不是一片空白椒丧，每天一副精美圖片，給你們看下我今天的桌面感受下

學(xué)習(xí)閱讀類

Save to Pocket

相信很多人都用過Pocket救巷，這也是我一直學(xué)習(xí)必備的App壶熏，比如你經(jīng)常看博客浦译，看到好的文章棒假，然后裝個這個插件就可以直接保存到Pocket溯职，這個時候你手機(jī)上的Pocket客戶端同步過來，不管你在做地鐵帽哑，還是在上廁所都可以利用這些碎片時間消化保存的知識谜酒。

保存來自任意位置的內(nèi)容、隨時隨地激發(fā)您的思維

Clearly

Evernote出品妻枕，這個強(qiáng)烈推薦Ｆё濉！不管你是用Evernote記筆記也好屡谐，還是用來閱讀也好述么，網(wǎng)頁看到好東西直接保存到Evernote，你們以為它只能同步么愕掏？錯了度秘，最有用的是他可以把閱讀的內(nèi)容以一種非常友好的方式閱讀，統(tǒng)一閱讀體驗(yàn)堪稱網(wǎng)頁版的Kindle

最后

最后的最后饵撑，這些擴(kuò)展程序都是自己經(jīng)常用到的敷钾，如果大家也有好用的Chrome插件也可以留言推薦給大家！

以上肄梨，嘔心瀝血阻荒，良心推薦，不贊真心說不過去众羡！請大家繼續(xù)關(guān)注我侨赡，關(guān)注我的干貨分享。