本文是稀土掘金投稿，雖然其中有倔金的私貨，是篇推廣文，但我看過後認為內容確實不錯，有些好外掛還是第一次知道，對我很有幫助，考慮過後還是決定推薦給大家，最近我比較關注各種提高開發效率的工具與技巧，今後看到這樣主題的內容，也會多多推薦給大家：）

在掘金的第十二期沸點活動中，掘金上的開發者們紛紛亮出了自己正在使用的 Chrome 外掛，這裡面有開發利器，也有各種實用工具。我們篩選出了評論中的各種 Chrome 開發外掛，各位開發者們，快來看看，有沒有你需要的工具吧。

1. 掘金 Chrome 外掛 :幫你發現乾貨

http://gold.xitu.io/extension/

不管你是開發者、設計師還是產品經理，想必每天都需要閱讀大量的行業相關文章，這就需要我們瀏覽大量的網際網路站點去尋找我們需要的內容。拋開繁複的篩選成本不說，「位元級」的內容都會壓得你喘不過氣來。

掘金為了解決這個問題，開發了掘金 Chrome 外掛，掘金 Chrome 外掛聚合了國內外優質的網際網路站點內容，在節省你的篩選成本的同時，幫你發現好內容。

2. Postman ：強大的 API & HTTP 請求除錯工具

https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop

相信 Postman 對於掘金上的各位開發者來說，一定不會陌生，這是一款強大的 API & HTTP 請求除錯工具，Postman 不僅可以除錯簡單的 HTML、CSS 以及指令碼等簡單的網頁基本資訊，這款 Chrome 外掛甚至還能傳送幾乎所有的 HTTP 請求，可謂是 Web 開發者的一大利器。

3. BuiltWith Technology Profiler ：你的網站，用了什麼技術棧？

https://chrome.google.com/webstore/detail/builtwith-technology-prof/dapjbgnjinbpoindlpdmhochffioedbn?hl=zh-CN

作為開發者，對於友商網站所使用的技術棧想必也充滿了許多好奇心，有沒有工具能夠幫你完成這項工作呢？答案就是 Chrome 外掛 BuiltWith Technology Profiler，它能夠幫你分類呈現當前訪問網站的技術棧組成，實乃探索友商之利器。

當然，同類產品中，你也可以使用 Wappalyzer 這一款 Chrome 外掛。

4. Octotree ：你的 GitHub 文件庫

https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc

GitHub 現有的目錄層級形式，在檢視來自不同層級資料夾的檔案的時候，顯得似乎不是很方便，Octotree 這款 Chrome 外掛能夠讓你通過文件庫的方式管理、檢視你的 GitHub 倉庫，簡單直觀的同時，也方便你進行檔案之間的跳轉操作。

5. GitHub Awesome Complete ：屬於 GitHub 的 「Alfred」

https://github.com/algolia/github-awesome-autocomplete

在 GitHub 搜尋倉庫或者專案的時候，你會怎麼做？相信大部分人的步驟都是一樣的：

• 在搜尋框輸入關鍵字後按回車鍵

• 在搜尋結果中找到相應結果，點選進入相應頁面

有沒有更簡單快捷的操作方法？答案是 GitHub Awesome Complete 這款 Chrome 外掛。這款外掛能夠讓你在 GitHub 中輸入關鍵字之後通過彈窗動態顯示相應的搜尋結果，你所需要做的，只是點選即可。

6. Octo Mate ：增強你的 GitHub 體驗

https://github.com/camsong/chrome-github-mate/blob/master/README.cn.md

除了以上兩款 GitHub 相關的外掛，這裡我還要介紹一下 Octo Mate 這款能夠提升你的 GitHub 體驗的小工具。對於這款外掛，主要功能有以下四點：

• 一鍵下載檔案：GitHub 可以讓你很方便的以 .zip 格式下載所有檔案，但如果只需要下載一個檔案，非常麻煩。使用 Octo Mate 後只需要點選檔案圖示即可下載。

• 一鍵開啟專案的 Github Pages

• 顯示倉庫大小

• 顯示未讀訊息數

相信這樣一款外掛一定能讓你在使用 GitHub 的時候更加高效。

7. Page Ruler ：你的網頁標尺

https://chrome.google.com/webstore/detail/page-ruler/jlpkojjdgbllmedoapgfodplfhcbnbpn?hl=zh-CN

前端開發者在除錯網頁的時候，一定會遇到需要檢視網頁中某個具體控制元件或者整個網頁具體尺寸的情況，這時候，Page Ruler 能夠幫你完成這一項工作，測量網頁元素，再也不用開啟佔據大片空間的「檢查元素」視窗了。

8. User-Agent Switcher for Chrome ：網頁自適應測試工具

https://chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg?hl=zh-CN

你的網頁對於各類裝置的自適應情況怎麼樣？正常情況下，我們需要同時在不同的裝置上測試網頁的自適應情況，有了 User-Agent Switcher for Chrome，只需要一個瀏覽器外掛，你可以隨時更換 UA，測試網頁的自適應情況，幫你很好地提高了開發效率。

9. Vysor ：解放雙手的 Android 測試工具

https://chrome.google.com/webstore/detail/vysor/gidgenkbbabolejbgbpnhbimgjbffefm

實機除錯 Android 應用，你是不是還在一邊測試著 Android 裝置一邊在電腦上修改程式碼？有了 Vysor 這款 Chrome 外掛，只需要通過 USB 連線，你就可以直接在 Chrome 中通過滑鼠操作 Android 裝置，裝置間切換造成的時間成本降低了，開發效率自然就提高了。

10. SimilarWeb ：檢視網站各種流量資料

https://chrome.google.com/webstore/detail/similarweb-website-rankin/hoklmmgfnpapgjgcpechhaamimifchmp

對於網站開發者來說，除了網站本身的程式碼設計與開發，網站的各種使用者訪問資料與流量分析也是很重要的一塊工作。SimilarWeb 這款 Chrome 外掛能夠幫你統計網站的流量來源與排名，查詢網站參與等各種網站資訊。

除了本篇文章介紹的 Chrome 外掛以外，Chrome 瀏覽器還有許多好用實用的擴充套件工具，也許你還沒有找到你需要的那款瀏覽器外掛，你也可以點選 閱讀原文 來掘金上看看，說不定就能找到你需要的那款外掛。

轉自：https://www.cnblogs.com/multistars/p/6524058.html