那些你覺得堪稱神兵利器的 Chrome 插件

子曾曰：“工欲善其事，必先利其器。居是邦也。”——語出《論語·衛靈公》；其後一百多年，荀子也在其《勸學》中倡言道：“吾嘗終日而思矣，不如須臾之所學也；吾嘗跂而望矣，不如登高之博見也。登高而招，臂非加長也，而見者遠；順風而呼，聲非加疾也，而聞者彰。假輿馬者，非利足也，而緻千裡；假舟楫者，非能水也，而絕江河。君子生非異也，善假于物也”。遠從石器時代開始，先賢無不據此而行；時至今日，已将具器的職能，發揮到淋漓盡緻之境界：倘若離開它的存在，人類已無法正常生活；斯可雲鑒？

原文出自 Awesome Chrome 插件集錦 | 晚晴幽草軒，值此新春佳節之時，享于部落格園，祝所有在學習和沒有在學習的人們，新春快樂，雞年大吉，身康體健，萬事如意。

話說此篇不過是記載些，居家必備的 Chrome 插件而已；為何要這麼一段綴為前言？緣由是，這其中蘊涵了一個勸解的倡導。著名财經作家吳曉波先生，有次談及到亞當·格蘭特寫的一本書

《離經叛道》

；書中指出：離經叛道不是天生的特質，而是一種有意識的選擇。為此作者講了個有趣的小故事來證明這一點。

經濟學家邁克爾·豪斯曼主持了一個項目，研究為什麼有些員工在工作崗位上的時間比其他人更久。在尋找線索的過程中，他發現：使用Firefox或Chrome浏覽器的員工堅守在某一崗位上的時間，要比那些使用IE浏覽器或Safari浏覽器的員工長15％，同時他們擁有更低的缺勤率和明顯更高的銷售額！

幾乎2/3的員工使用的是預設浏覽器(Window下IE，Mac下Safari，國内小白選360？)，從來沒有質疑過是否存在一個更好的浏覽器可以使用。主動選擇浏覽器的人，往往會在日常生活中尋找更好的選擇，雖然這一行為并不顯眼；但成功就屬于擁有這極盡追求的一撥人。

如若，你常用一項工具，然而你都未去全然了解它，以此推演之，又如何能在其他事情上擷取成功呢？

夠用就好

的心态，隻會讓你止于平庸，難以卓越。而這種心态，也會阻礙社會的進步，話說在國内，Windows系統的 xp 版本s使用率，一度跟 win8 持平，而即便今時今日，Win10都釋出很久了，可是實用最多的卻還是 Win7，；如果你願意去追求品味與效率，你會發現，你該用 Mac，不是麼？

此篇主旨不在于去說教；但也不全然隻是介紹些超好用的 Chrome 插件：畢竟 Chrome 上好用的插件，實在是多不勝數；如果你願意，你也可不怎麼費力的寫一款。談及以上那麼多有的沒的，也是想說明，當遇到問題，不妨思考下，當你遇到了，别人想必早已遇到并解決，你隻需找到他們方案、并吸收為己用就好；站在巨人肩膀上前行，總比自己閉門挖坑來得要高明。見識得多了，用得熟了，思維變得寬闊了，有一天遇到未被解決得問題，想必那時也能如巨人一般，造它一個，享與他人；何樂不為？

到此，廢話暫時告一段落；進入正題，介紹些個人覺得超棒的工具，享與捧場的你。當然，你知道世事與人，皆在進步，我也不會例外。倘若很多神器，未曾提及，多半是見識的還不夠多，還請在留言出不吝分享，先行謝過。

高效篇

Vimium

作為一款黑客級别的Chrome插件，對她的存在真是喜之不盡。為此，一年多以前特為她寫了篇：

Vimium~讓您的Chrome起飛

。工欲善其事，必先利其器的理念，被此款插件展現的淋漓盡緻：擁有她，從此脫離滑鼠操縱Chrome，且便捷數倍不止。

、

gg

gg

yy

yt

等快捷鍵，皆是非常有用且常用的存在(也有同款名曰 Vimium + Visual mode )。當年有感歎到：“熟能生巧，至巧了，即可奪天之工”。高效必備，

Vimium

你值得擁有（＋）

Vimium 連結直達

。

這裡需要補充一款

cVim

插件，五星級插件，好評如潮；其功能與

Vimium

類似，而其功能目測要比她尤勝一籌(強化了搜尋，Visual mode，以及文本選擇等等)；如果志向于如極客一般操控你的 Chrome，那麼不妨一試，興許這

cVim

會為你打開一個全新的大門，祝好；(而我，已先迷戀

Vimium

，短時間内不會移情别戀)；（++）

cVim 連結直達

Tampermonkey

據悉，

Tampermonkey

，她是一款強大的難以想象的浏覽器插件，俗稱“油猴子”；據說，她是高手必備的 Chrome 擴充，畢竟隻有高手中的高手，才能領略到Tampermonkey的優美；據坊間傳言，就算 Chrome 沒有其他擴充，隻有 Tampermonkey，Chrome 依然能吸引到一大群死忠 ... 其官方描述隻一句 The world's most popular userscript manager，但她的話題卻是無盡的去延展；這是一款偉大的插件，各路高手對她的贊美，已然到無以複加的地步；個人品級不夠，難叙她的強大，看管須自行探索；唯一句：略經初探，她的存在，就好如 Mac 系統下的第一神器 Alfred 一般，強于不強，不僅在軟體本身，同時也取決于使用者的功夫，此路美景縱橫，祝君好運(update @2017-01-24)。

Tampermonkey 連結直達

crxMouse Chrome Gestures

友善,快捷,充分發掘滑鼠的所有操作，功能包括：滑鼠手勢、超級拖曳、滾輪手勢、搖杆手勢、平滑滾動、标簽頁清單等。在用

Vimium

之前，這真是挺常用的利器；當然如果你喜歡用滑鼠，這款與你來講，再好沒有；你可講常用的操作，定制滑鼠手勢；比如前進、後退、在新的标簽頁打開(預設，點選該連結一拖即可)等等（）

連結直達

題外話：你知道工作之餘，寫篇博文頗為不易；然而，國内聚合網站可謂多不勝數，而某度搜尋，很多時候，對 聚合 的親睐竟遠勝于原創，唉。為滿足下那小小虛榮，不得不在此插播一則說明，此篇整理悉數出自晚晴幽草軒，欲轉載以享之，煩請注明出處 (*^_^*)。

利器篇

OneTab

了不得，這款插件我也是異常喜歡。當你發現自己有太多的标簽頁時，單擊 OneTab 圖示，将所有标簽頁轉換成一個清單。當你需要再次通路這些标簽頁時，可以單獨或全部恢複它們（）。

LastPass

密碼管理軟體。可将你所有的密碼資訊儲存起來，你再也無需記住複雜繁多的密碼了，隻需登入到lastpass，然後儲存你的密碼，lastpass會自動幫你完成登入，不需要輸入密碼。它還允許你從任何主流的密碼存儲器導入和導出密碼，捕獲其它管理器無法捕獲的密碼包括很多 AJAX 表單。也可輕松地建立強大的密碼。敏感資訊在上傳之前已在本地計算機上加密，是以就算是LastPass的員工也無法得到密碼資訊。更妙de在于，lastpass支援的不僅僅是Chrome，還有Firefox、opera，甚至IE;當然如果你有一套完善便捷的密碼方案，可忽略之（）。

Infinity新标簽頁

Infinity新标簽頁，基于Chrome的雲應用服務，讓你更優雅、輕松地使用Chrome：她不僅讓你的Chrome

新标簽頁

，變得很唯美(風景美圖背景)，且能十分實用——你可添加多個應用入口，且可随性自定義；雖然這功能跟

Vimium

的

有些重疊，卻也蠻喜歡她的存在（）。

Momentum

一款清新的新标簽頁插件，具有待辦、天氣、搜尋功能，最最重要的是，插件的大背景，非常具有創意和藝術氣息，每天更換；這跟

Infinity

同為美好的存在，如你更在意簡潔文藝，不妨用此款(話說我司上下班打卡提示，就是此風)。

網頁截圖:注釋&批注

五星評級插件；她，可以捕獲整個頁面或任何部分(包括桌面視窗)，矩形，圓形，箭頭，線條和文字，模糊敏感資訊，一鍵上傳，分享注釋(也可以選擇本地圖檔)。支援PNG和連結；實在是很有用的存在，值得擁有。

Joxi Full Page Screen Capture

Joxi Full Page Screen Capture

是一款可以幫助使用者全屏截圖的谷歌浏覽器插件；使用者在打開網頁，需要截圖的時候，不管該網頁有沒有滾動條，她都能完美地把整個網頁進行截圖。當然，也可以選取網頁中的一部分進行截圖，在選取了截圖範圍以後，使用者還可以對截圖進行簡單的編輯。同類型的還有

Blipshot

（網頁全屏、滾動截圖）。

Print Friendly & PDF

一款可以幫助使用者自定義列印内容，以及列印格式的谷歌浏覽器插件，同時支援PDF的格式列印。Chrome 自帶列印功能(command p或者右鍵)，但不能滿足複雜點的需求；而這款插件的存在，就解決了很多人的剛需：1. 可以濾掉一些不想列印的内容(去除列印頁面中的所有圖檔、删除網頁中的廣告、删除多餘的文字等友善的自定義列印的功能)；2. 對列印的格式重新進行調整(比如調節列印的字型大小)；還支援檢視列印曆史等等，如此貼心，值得擁有。

二維碼(QR碼)生成器

可以生成目前頁面二維碼，手機直接掃二維碼就可以通路目前頁面；雖不是很常用，但需要時候确實是挺有用。

花瓣網頁收藏工具

圖檔愛好者的福音。此款插件的作用在于，在網頁上出現的圖檔，都可以直接點選收藏到花瓣，提供畫闆作為分類進行收集，以後找圖檔素材或者欣賞之前看到過的好的圖檔時很友善；個人也是一直将其常開着。

清靜篇

Adblock Plus

免費的廣告攔截器，可阻止所有煩人的廣告及惡意軟體和跟蹤。享受沒有惱人廣告的網絡世界，網沖必備。

這裡有必要補充一下，對此，有網友提出 ADM , Adguard ，以及 廣告終結者 等過濾廣告的插件，且呼聲蠻高。然而，在得知這些訊息後，我并沒有想立即去體驗；緣由是，夠用就好那懶的魔咒發作了；而據說，這 廣告終結者 可以屏蔽掉視訊中的廣告，Look，當止于懶的時候，很可能就失掉了些美好，不是麼？

Stylish

Restyle the web with Stylish（為任意網站自定義主題） ! 其官方描述為：利用使用者樣式管理器Stylish來重新編輯網站的樣式。您可利用Stylish為許多網站安裝主題和皮膚，也可建立自己的主題和皮膚。@少數派有一篇文章

不喜歡某個網站的樣子？用 Stylish 給它一鍵「換膚」

，蠻詳細的介紹了如何使用她，給常用網站換膚；譬

Weibo-v6

，

flat-zhihu

等，感覺還是蠻好的。當然，還可以使用 Stylish 自定義網頁字型、實作去除廣告、補全浏覽器部分功能等等，這都屬于進階部分，需要額外去探索；堅信，主動去折騰，會讓生活更多彩多姿（）。Update@2017-02-03

閱讀模式

當你想用心去品味一篇文章時候，你會發現她的存在是多麼的美好：她提供與Safari閱讀模式功能一緻的插件，浏覽文章頁時候可進入友好的閱讀模式，并自定義閱讀功能。同比之下，也體驗下了

愉閱

，iReader，等等，效果都不如

閱讀模式

來的簡約和優美；

Fokus

，這個喜歡滑鼠覆寫一段文字閱讀，把其它地方陰影，以此來聚集注意力，想法雖妙，卻需要額外手動觸發，得失之間，看個人取舍了！

一鍵管理所有擴充

此插件為以前的一鍵禁用所有擴充-加強版。當你安裝了蠻多好用插件之後，這款插件就顯得很有作用了；要知道，很有用的插件，并不是都很常用，那些常駐記憶體，多少會導緻浏覽器會占用更多的消耗；而手動去在擴充中打開，用印度語講，"亞克"！有這插件的存在，就好如男孩褲子有了拉鍊，Up 與 Down 之間就解決了兩方面需求，值得擁有，If you Have More （）。

眼不見心不煩

此乃微網誌黨的福音！在浏覽器端，自己通過這個插件進行設定，可以将熱門微網誌、會員推廣等等内容視窗都給屏蔽了！還我們一個幹淨、舒服的微網誌環境！然而，在當下這手機端橫行的年代，這款插件的輝煌，也就那樣了(可微部落格戶端自行設定，據悉滿多隐藏的功能)。

開發篇

作為程式開發者，遇到好多“程式員”，非常不熟悉所用的 Editor。對于那些漠視(或無視)工具的 Coder，多少有些勸導（雖然，這看起來有點像我悟到出家了，也欲勸他們也剃度似的）。可是，這裡倒的确有番說辭的是，程式語言也好、内功心法也罷，還是這 Chrome，那 Sublime 等等，歸其根都是工具的範疇，有什麼好漠視的？反倒是，對編輯器，PS，Sketch 等工具的熟悉，當是早于那些語言的；畢竟，你應該明白，程式設計的時候，不能被輸出給限制太多不是？再者，既有的工具不用，反倒是以步代車，是何道理？(以步代車，還能借機會鍛煉下身子呢，那麼有 Tools 不用的你呢？)。

Json-Handle

她可以幫助你在浏覽器中檢視 JSON 資料，并以優美的樹視圖姿勢，展示出對應資料；如果你願意，還可以配置快捷鍵，所需之時，一鍵呼出。在同類型插件中，這款是所見過最靓麗多姿的，并且功能完善；開發調試、手寫 JSON，常備良品（）。

Postman

口碑極好的一款接口調試工具；不管是從事前端，還是移動端開發，這都是一款必備神器；如若還未用它嗨起來，想必多少會加點兒班來嗨了(當然，這是一句玩笑話；畢竟即便不用，很多時候加點班都是少不了的) （）。

Vue React AngularJS Devtools

Vue 調試工具。如果你如今從事前端開發，大行其道的MVVM架構，決計是繞不過去的存在。那麼以下是三大流行架構 Devtools，如需自取。

Vue.js devtools AngularJS Batarang React Developer Tools

Octotree

Code tree for GitHub and GitLab；作為五星好評的存在，大有相見恨晚的感覺，值得擁有；當你翻别人源碼的時候，是否很苦惱，特别是你的網絡不給力的時候，簡直很抓狂，有否？而 Octotree 的存在，就是幫助你整理出來項目檔案清單，立于側邊，好如編輯器一般；正如網友評論道： Can't love it MORE （）。

Allow-Control-Allow-Origin: *

JS 同源政策保障我們的頁面安全；但是開發期間，大家并不想看到這煩人的家夥；尤其是如今前後端分離的時代，你總是需要些辦法以解決跨域，比如

代理

JSONP

改Host

等等；而使用

Allow-Control-Allow-Origin: *

插件輕松解決這個問題。

WEB前端助手(FeHelper)

FE助手：包括字元串編解碼、圖檔base64編碼、代碼壓縮、美化、JSON格式化、正規表達式、時間轉換工具、二維碼生成器、編碼規範檢測、頁面性能檢測、栅格檢測、JS運作效率分析等。

CSSViewer

CSSViewer是一個簡單的CSS屬性檢視器。它有一個浮動面闆，指明滑鼠所在處資訊，提供其字型、文本、顔色、背景、框、定位和效果屬性的說明。 CSSViewer可以快速提供需要的基本CSS資訊。

Wappalyzer

Identifies software on the web；

Wappalyzer

是一個浏覽器擴充，義譯為Web應用指紋識别，它能夠揭示某網站上使用的技術。它可以檢測内容管理系統，電子商務平台，Web伺服器，JavaScript架構，分析工具等等；浏覽 Wappalyzer 能夠檢測到的應用的完整清單：https://wappalyzer.com/applications 。據悉為滲透工程師必備，同比之下還有

HackBar

Tamper Data

等等；倘若，你想知道一個網站，使用什麼技術，用此插件就對了。

其他篇

SwitchyOmega 五星級好評的存在(可以感受到，我朝愛自由上網的渴望與熱忱)；她，輕松快捷地管理和切換多個代理設定，據悉常與 shadowsocks 互相配合，來完成科學上網的美好願景。
v2ex-plus : 如果你常去 V2ex 跟程式員們一起聊聊天，吹吹水，漲漲姿勢，發發文章，可用之。
掘金是一款技術分享社群，前端後端，設計産品都有涵蓋，品質還好；這款插件即可一鍵打開之（備注，它預設當你打開新标簽頁就是打開它，雖可設定，但和 Infinity目測有水火不容的沖突，然後就沒然後了）愛學習如你，倒可以 Install 一下試試 (這不是廣告，至少沒錢拿)。

寫在最後

工欲善其事，必先利其器，人們總是低估工具對自己心智模式的影響，請記住，好工具是好思想的容器；好工具也會蘊含好知識；如果你能學會善假于物也，自然界間，網際網路裡，包羅萬象，任君所學；何須如今那些 “Teacher” 來猥亵了你的創造力？求知欲和熱情的堅持，才是最好的師傅。閑言暫住，回到 Chrome 插件話題；Chrome 插件多不能數，非一篇能全之，那麼你有什麼好用的插件呢？期待共享。

微注：個人的見識總是有限的，是以有在 @V2EX 發帖那些你覺得堪稱神兵利器的 Chrome 插件，在猴雞交替之際，引發了網友熱議，收獲頗豐；文章中不少插件的推薦，就來源此處；如需增長見聞，不妨細觀；另外，也有在 @黑客派發帖談談你覺得堪稱神兵利器的 Chrome 插件

值此将新年之際，大家都在忙着支付寶

積福

，或QQ

紅包

，或者享受回家團圓之樂，我則終将這篇文章整理了出來(後續漫加)；如果覺得有用，不妨考慮打賞一杯咖啡？好讓在那些偶爾閑暇的夜裡，可以有精神去敲敲打打，産出些有所用的文字。謹在此恭祝我朝人民：天天開心，事事順心；新春快樂，阖家歡樂。

于深圳.南山 @2017-01-(19~23)

原文出處：http://www.jeffjade.com

原文連結：http://www.jeffjade.com/2017/01/23/118-chrome_awesome_plug-in/