> 來源：[恆生LIGHT雲社群](https://developer.hs.net/thread/1031)

# 前言

對於從事IT行業的我們來說，幾乎無時無刻都在用chrome瀏覽器，因為它給我們的工作和生活帶來了極大的便利。今天給大家分享我用過的 `10`款牛逼的 `chrome外掛`，你看完前 `3`個可能就會忍不住想 `點贊`了。

## 1. 谷歌翻譯

很多小夥伴，英語不太好，包括我自己，英語剛過四級。從事軟體相關工作時，有時有些吃力，因為很多優秀的技術網站、書籍或者文章都是老外寫的，如果因為看不懂就放棄閱讀，我們將會少了很多學習和進步的機會。

今天分享的第一個神器就是：`谷歌翻譯`。

在沒使用谷歌翻譯之前，訪問[docs.mongodb.com/drivers/jav…](https://docs.mongodb.com/drivers/java/%EF%BC%8C%E7%9C%8B%E5%88%B0%E7%9A%84%E9%A1%B5%E9%9D%A2%E6%98%AF%E8%BF%99%E6%A0%B7%E7%9A%84%EF%BC%8C%E6%9C%89%E5%8F%AF%E8%83%BD%E4%B8%80%E8%84%B8%E6%87%B5%E9%80%BC%E3%80%82)

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/f0fff76186dc4d0e8e496b26ad4ccc45~tplv-k3u1fbpfcp-zoom-1.image)

使用 `谷歌翻譯`外掛（其實現在已經是chrome瀏覽器的內建工具）：

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0921e9f5d465443c9a4c8db08809868b~tplv-k3u1fbpfcp-zoom-1.image)

之後看到的頁面，變得毫無違和感：![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/58c0313c1fb243599ab7292995d73691~tplv-k3u1fbpfcp-zoom-1.image)

頁面內容一下子變成了全中文，幸福來得太突然了，哈哈哈。

## 2. github加速器

`github`號稱是全球第一大同性 交友網站，它是程式設計師的樂園，裡面有各種好玩的開源專案。很多程式設計愛好者，秉承share精神，喜歡把自己優秀程式碼提交到 `github`上，能夠讓更多的人看到，幫助更多的人。

但是，在國內對 `github`訪問非常慢，是很多程式設計師非常頭疼的一件事。

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7be1f0ddc4a9406c8c487415c8ee9d6f~tplv-k3u1fbpfcp-zoom-1.image)這時可以用 `github加速器`外掛：![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5bbb6726a0024afcb64877922193a265~tplv-k3u1fbpfcp-zoom-1.image)開啟外掛功能後，再訪問該頁面：![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c33ed1c2edab4adbb16df3e71625249b~tplv-k3u1fbpfcp-zoom-1.image)

`2秒`後就能非常愉快的訪問 `github`了。

## 3. Octotree

`github`上預設的專案展示頁面，對使用者不太友好。如果想要查詢某個檔案，必須一層層點選往下找，預設是平鋪展示內容，無法用樹形結構展示。

預設的頁面是長這樣子：![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/64fdc9f8ba50400fa0a392da604e578c~tplv-k3u1fbpfcp-zoom-1.image)

如果安裝了Octotree外掛：

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/75a4f4867fa6425489780449303d9c74~tplv-k3u1fbpfcp-zoom-1.image)之後，多了一個樹狀目錄：

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5f8127afd0314909ad9d3b2305b8c6b9~tplv-k3u1fbpfcp-zoom-1.image)

可以非常方便的查詢某個檔案。

## 4. Infinity

不知道你有沒有過這種想法：

1. 覺得自己的瀏覽器首頁太low，想換個背景，不知道怎麼換。
2. 想把自己收藏起來的網站，放在顯目的地方，讓自己方便訪問。
3. 想把搜尋引擎放在首頁一下子就能看到。

恭喜你，這些需求chrome神器：`Infinity`都能幫你實現。

需要安裝Infinity外掛：

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/b31cb601d5334190bcb3b754d3422290~tplv-k3u1fbpfcp-zoom-1.image)

之後開啟瀏覽器時，就會自動彈出如下頁面：

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/4e09218b5a924275ac93f6104ea2463b~tplv-k3u1fbpfcp-zoom-1.image)

可以自定義你喜歡的任何網站：

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a9696ec97df5454b8e8c34808d3ab5e2~tplv-k3u1fbpfcp-zoom-1.image)

此外，首頁右下角的小風車，點選一下就能自動切換一張漂亮的背景圖片。據說每天點一下小風車，每天都會擁有好心情。

5. vue.js devtools

---

如果有接觸過前端的朋友會發現，現在基本上是：`react` 和 `vue` 的天下。我本身是做後端開發的，相較而言，使用更多的是 vue，它配合Element UI一起使用，大大提升了開發頁面的效率。

如果程式碼執行時出問題了，想除錯怎麼辦？使用傳統的debugger模式，不是說不行，不過我在這裡推薦一個更牛逼的除錯方法。

需要安裝vue.js devtools外掛：

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/c2f4dc1c8b7d4b0f95954ada2121a977~tplv-k3u1fbpfcp-zoom-1.image)

之後，訪問頁面時，就能除錯了：

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/78bf9432e4a947aab7cd24691bd32d52~tplv-k3u1fbpfcp-zoom-1.image)

你想看到的大部分內容，這裡都有。是不是很神奇？

## 6. ImageAssistant

在平時的工作或生活當中，我們經常需要上傳和下載圖片。如果在瀏覽網頁的時，喜歡某些圖片，我們需要一張張手動下載，非常不方便。

有時候需要對上傳的圖片進行編輯，調整文字大小、樣式，加一些水印效果等。我們一般需要先使用專業的圖片工具，把圖片編輯好，再重新上傳，很麻煩。

有沒有一款軟體，可以幫我們解決這些問題呢？

答案是肯定的，這時可以使用google的ImageAssistant外掛：

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/700678a5a74749d2ab757e60ff7905bb~tplv-k3u1fbpfcp-zoom-1.image)

之後，訪問網頁時選擇 提取本頁圖片：

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e321acc1b4bc4d008908ecbe369f30a0~tplv-k3u1fbpfcp-zoom-1.image)

就會出現如下網頁：

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/da2da297a63848d390aeafb22066a426~tplv-k3u1fbpfcp-zoom-1.image)

該網頁中展示了之前頁面中的所有圖片，包括尺寸等資訊，可以批次下載。

此外，還能對上傳的圖片進行編輯：

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/19affb84001a489985749561b3059d3d~tplv-k3u1fbpfcp-zoom-1.image)

看到這裡，你愛上它了沒？反正我是愛不釋手。

## 7. LastPass

隨著網際網路的蓬勃發展，出現了越來越多的網站，其中大部分網站為了保持使用者的粘性，需要使用者自己註冊和登入。為了安全起見，使用者密碼一般要求包含：數字、字母、特殊字元、還要區分大小寫等，並且要求密碼長度少則8位，多則十幾位。

為了方便，你可以將所有密碼設定成一樣，但是如果一旦洩露，所有網站上你相關資訊都可能會被洩露，風險太高。所以，還是把密碼設定成不一樣吧，這樣我們睡覺也安心一點。

如果你只註冊了一兩個網站還好，但如果你過註冊過幾十個，甚至上百個網站，那麼多密碼你都能記得住？

答案是否定的，這時就急需一種安全管理密碼的工具。

這時又一個chrome神器:`LastPass`出現了。

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6aa790c71360414a9f22ef7462b5bbdc~tplv-k3u1fbpfcp-zoom-1.image)

它需要先註冊，這一步很容易完成。然後新增想訪問的網站地址、使用者名稱和密碼，以後想訪問該網站，直接點選一下即可，就不用再重複輸入使用者名稱和密碼，方便快速訪問，並且自動登入。

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/5b4f481e4a0e4765a1769014e44d8b2c~tplv-k3u1fbpfcp-zoom-1.image)

LastPass的功能非常強大，其他類似的外掛還有：1Password、Bitwarden等。

## 8. adblock

我們在瀏覽網頁的時候，經常會發現廣告像狗皮膏藥一樣，無處不在，如影隨形。有些頁面甚至廣告就佔了整個螢幕的一半，真正的有價值的資訊，我們每次都需要用肉眼一一分辨出來，相當讓人抓狂，大大增加了搜尋資料的時間。這也是很多人喜歡用google搜尋資料，不喜歡用baidu的主要原因。

有沒有辦法，遮蔽掉一些多餘的廣告，讓我們能看到淨化後的頁面內容呢？

答案是有的，可以使用AdBlock，它是目前世界排名第一的免費廣告攔截程式。

需要安裝 `AdBlock`外掛：

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/637947ef527c4b6e980644cc01e4b59e~tplv-k3u1fbpfcp-zoom-1.image)

之後，就能使用 `AdBlock`攔截廣告了。一種方式是自定義攔截規則，不過有些複雜，需要仔細研究一下。還有另外一種手動的方式，這種方式相對來說更簡單，在需要遮蔽的廣告上右鍵，在彈窗的工具視窗中選擇AdBlock中的選項即可。

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/720240b30b624b7fbbc6f7f50936b65c~tplv-k3u1fbpfcp-zoom-1.image)

好了，世界終於清淨了。

## 9. markdown nice

對於有些寫公眾號的朋友來說，在文章排版上花費的時間，有可能比寫一篇文章的時間還多。為了解決寫文章時的排版問題，一些強大的排版工具應運而生，比如：`md2all` 和 `markdown nice` ，能夠解放他們的雙手，讓他們可以把更多的時間花在文章內容上。

需要安裝markdown nice外掛：

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2b5ddc7bf8444c6c915120c357566833~tplv-k3u1fbpfcp-zoom-1.image)

之後，在公眾號後臺寫文章時，你只用專注於寫 `markdown`語法的文章即可，然後選擇一種主題和程式碼主題，其他的交給外掛。

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/d2f4f4a3792346a397f3989359822d84~tplv-k3u1fbpfcp-zoom-1.image)

最終文章會自動生成左半部分的樣式，是不是很nice？

## 10. JSONView

`JSON`資料格式簡單，結構化，層次分明，是開發人員最常用的資料格式，目前是大部分介面返回值的首先。

有時我們在瀏覽器中訪問get請求資料，由於介面返回值太多，一眼根本無法看出資料的層次和結構，頓時有點懵逼。針對這種情況，很多人可能會想到，將資料複製到一些線上的Json工具，或者使用postman傳送請求，這樣就能非常愉快的瀏覽格式化的資料。

這樣不是不行，我想說的是，其實不用這麼麻煩，還有更簡單的方式。只用安裝一款chrome外掛，在瀏覽器中，就能輕鬆訪問瀏覽格式化的資料。這款外掛的名字是：`JSONView`。

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/7fdecc75d3574494af9d5c8f350deb7d~tplv-k3u1fbpfcp-zoom-1.image)

之後，再訪問介面時，就能看到更人性化的資料了：

![圖片](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/a52c79d4e90845e890894cb98c1b1796~tplv-k3u1fbpfcp-zoom-1.image)

十全十美，10款chrome神器推薦

相關文章