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

在掘金的第十二期沸點活動中，掘金上的開發者們紛紛亮出了自己正在使用的 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 瀏覽器還有許多好用實用的擴展工具，也許你還沒有找到你需要的那款瀏覽器插件，你也可以點擊 閱讀原文 來掘金上看看，說不定就能找到你需要的那款插件。

開發者常用的十款Chrome插件