點擊上方「程序員共成長」，選擇「置頂或者星標」html
你關注的就是我關心的！前端
來源：https://4ark.me//post/549a6198.htmlgit
前言
使用瀏覽器擴展程序可使你的工做效率提升數倍不止，那麼下面我就向你們分享一下我平常使用的擴展，可能大多數擴展你們都已經在使用了，不過也不免有一兩個是你不知道的。程序員
正文
如下排名並不分前後，請堅持看到最後，或許你會有驚喜。github
1.谷歌訪問助手
原本想了一波廣告詞來吹它，但想到…web
算了，別問，問就是好用。正則表達式
注：裝了這個就能夠訪問以後介紹的擴展連接了。chrome
連接：http://www.ggfwzs.com/json
2. 新浪微博圖牀
感謝新浪微博提供的免費圖牀（對外鏈無限制），以及吊炸天的 cdn 圖片加速服務，今後媽媽不再用擔憂個人圖牀不能用了，另外還支持在網頁圖片右鍵菜單中一鍵上傳。瀏覽器
連接：https://chrome.google.com/webstore/detail/%E6%96%B0%E6%B5%AA%E5%BE%AE%E5%8D%9A%E5%9B%BE%E5%BA%8A/fdfdnfpdplfbbnemmmoklbfjbhecpnhf
3. AdBlock
最受歡迎的 Chrome 擴展，擁有超過 6000 萬用戶！攔截網頁上的廣告。
連接：https://chrome.google.com/webstore/detail/adblock/gighmmpiobklfepjocnamgkkbiglidom
4. WEB 前端助手
前端神器，包括 JSON 格式化、二維碼生成與解碼、信息編解碼、代碼壓縮、美化、頁面取色、Markdown與HTML互轉、網頁滾動截屏、正則表達式、時間轉換工具、編碼規範檢測、頁面性能檢測、Ajax接口調試、密碼生成器、JSON 比對工具、網頁編碼設置、便籤筆記。
連接：https://chrome.google.com/webstore/detail/pkgccpejnmalmdinmhkkfafefagiiiad
5. JSON Viewer
前面介紹的 WEB 前端工具也有 JSON 查看工具，可是它那個太醜了，因此我用這個，內置多種主題，是我見過最好看的 JSON 查看工具。
連接：https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh
6. Standardized Screenshot
一個很是好用的截圖擴展，自動加上 macOS 的標題欄、以及陰影，配合微博圖牀一鍵上傳根本不用保存在本地。
連接：https://chrome.google.com/webstore/detail/pabdhaakclnechgfhmnhkcbmjobeoope
7. Chromoji - Emoji
在某些系統中並不能顯示 Emoji 表情，安裝此擴展後就能在瀏覽器中顯示和輸入，你也能選擇顯示 Apple 或 Google 風格的 Emoji。
連接：https://chrome.google.com/webstore/detail/chromoji-emoji-for-google/cahedbegdkagmcjfolhdlechbkeaieki
8. Clear Cache
若是你是前端開發人員，調試時須要常常清空瀏覽器緩存，以往咱們須要通過幾個步驟才能完成動做，如今只需單擊一下按鈕便可清除緩存和瀏覽數據。
連接：Clear Cache
9. 二維碼生成器
把當前頁面或者你輸入的任何內容轉化成二維碼，生成後的二維碼能夠保存，而且無需聯網，誰用誰知道。
連接：https://chrome.google.com/webstore/detail/quick-qr-code-generator/afpbjjgbdimpioenaedcjgkaigggcdpp?hl=zh-CN
10. 翻譯俠
這是我用了衆多翻譯擴展後最喜歡的一個，貌似以前的做者已經再也不維護了，如今由網友接手，挺好的，今後再也不須要打開谷歌翻譯網站。
連接：https://chrome.google.com/webstore/detail/translate-man/fnjoonbenhhijnoegpfkpagjamomgjjm/related?hl=zh-CN
11. 圖流
這個厲害了，你是否曾爲了看圖片，一張一張的點，看完一個系列手都費了，簡直痛不欲生，如今，福音來了。
讓咱們打開知乎問題《日常人能夠漂亮到什麼程度？》，查看所有答案，開啓圖流，你會發現。
另外它還支持輪播展現，若是你常常逛一些你懂得網站，那它簡直是老司機神器。
連接：https://chrome.google.com/webstore/detail/%E5%9B%BE%E6%B5%81-%E7%9C%8B%E5%9B%BE%E5%8A%A9%E6%89%8B/gpcdnjdgomhddecjpknmfodkpkgibajh?utm_source=chrome-ntp-icon
12. 閱讀模式
提供與Safari閱讀模式功能一致的插件，瀏覽文章頁時候可進入友好的閱讀模式，並自定義閱讀功能。
惟一美中不足之處就是在閱讀模式下沒法選中文字（更不能使用劃詞翻譯）。
連接：https://chrome.google.com/webstore/detail/reader-view/iibolhpkjjmoepndefdmdlmbpfhlgjpl
13. Octotree
這個估計很多人知道，它能夠在 GitHub 左側顯示當前項目的目錄結構，能輕鬆找到代碼的位置。
連接：https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc
14. Enhanced Github
這個能夠在 GitHub 中顯示倉庫大小，每一個文件的大小，下載連接和複製文件內容的選項。
要是可以支持單文件夾下載那就更好了。
連接：https://chrome.google.com/webstore/detail/enhanced-github/anlikcnbgdeidpacdbdljnabclhahhmd
15. Isometric Contributions
裝X神器，值得擁有。這裏放上我心中的偶像 Linus 的貢獻圖。
連接：https://chrome.google.com/webstore/detail/isometric-contributions/mjoedlfflcchnleknnceiplgaeoegien
16. Git History
這個擴展能夠很炫酷地展現 GitHub 中任意一個文件的歷史修改狀況。
連接：https://chrome.google.com/webstore/detail/git-history-browser-exten/laghnmifffncfonaoffcndocllegejnf
17. Tampermonkey
油猴怕是沒有人不知道，它基本上是全部擴展中的佼佼者了。這裏給兩個能夠發現好用的腳本的網站：
https://greasyfork.org/zh-CN
https://openuserjs.org/
連接：https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo
18. Stylus
其實相似的擴展還有 Stylish，但它會竊取用戶的瀏覽歷史（雖然某位藥王說咱們更願意用隱私換便利）。
而 Stylus 就不會。
連接：https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne
寫在最後
如何你以爲安裝太多擴展後嚴重擠佔地址欄的話，可使用隱藏擴展+快鍵鍵的方式。
最後，若是你也有一些好用的擴展，不妨留言給你們推薦一下吧。
- End -
長按。掃碼。關注
主頁更精彩
本文分享自微信公衆號 - Java專欄（finishbug）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。