如何將 Chrome 變成開發(fā)利器，開發(fā)者們在用這些插件

如何將 Chrome 變成開發(fā)利器，掘金的開發(fā)者們在用這些插件

Chrome 瀏覽器具有強(qiáng)大的跨平臺能力以及豐富的擴(kuò)展插件，一直是許多開發(fā)者的首要選擇。而利用許多 Chrome 插件，開發(fā)者們在開發(fā)流程中能夠極大地提高開發(fā)效率。我們就整理了十款開發(fā)者常用的 Chrome 插件推薦給大家，相信能夠在你的開發(fā)中助你一臂之力。

1. 掘金 Chrome 插件:幫你發(fā)現(xiàn)干貨

不管你是開發(fā)者、設(shè)計師還是產(chǎn)品經(jīng)理，想必每天都需要閱讀大量的行業(yè)相關(guān)文章，這就需要我們?yōu)g覽大量的互聯(lián)網(wǎng)站點去尋找我們需要的內(nèi)容。拋開繁復(fù)的篩選成本不說，「比特級」的內(nèi)容都會壓得你喘不過氣來

掘金為了解決這個問題，開發(fā)了掘金 Chrome 插件，掘金 Chrome 插件聚合了國內(nèi)外優(yōu)質(zhì)的互聯(lián)網(wǎng)站點內(nèi)容，在節(jié)省你的篩選成本的同時，幫你發(fā)現(xiàn)好內(nèi)容。

2. Postman：強(qiáng)大的 API & HTTP 請求調(diào)試工具

相信 Postman 對于掘金上的各位開發(fā)者來說，一定不會陌生，這是一款強(qiáng)大的 API & HTTP 請求調(diào)試工具，Postman 不僅可以調(diào)試簡單的 HTML、CSS 以及腳本等簡單的網(wǎng)頁基本信息，這款 Chrome 插件甚至還能發(fā)送幾乎所有的 HTTP 請求，可謂是 Web 開發(fā)者的一大利器。

3. BuiltWith Technology Profiler：你的網(wǎng)站，用了什么技術(shù)棧？

作為開發(fā)者，對于友商網(wǎng)站所使用的技術(shù)棧想必也充滿了許多好奇心，有沒有工具能夠幫你完成這項工作呢？答案就是 Chrome 插件 BuiltWith Technology Profiler，它能夠幫你分類呈現(xiàn)當(dāng)前訪問網(wǎng)站的技術(shù)棧組成，實乃探索友商之利器。

當(dāng)然，同類產(chǎn)品中，你也可以使用 Wappalyzer 這一款 Chrome 插件。

4. Octotree：你的 GitHub 文檔庫

GitHub 現(xiàn)有的目錄層級形式，在查看來自不同層級文件夾的文件的時候，顯得似乎不是很方便，Octotree 這款 Chrome 插件能夠讓你通過文檔庫的方式管理、查看你的 GitHub 倉庫，簡單直觀的同時，也方便你進(jìn)行文件之間的跳轉(zhuǎn)操作。

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

在 GitHub 搜索倉庫或者項目的時候，你會怎么做？相信大部分人的步驟都是一樣的：

• 在搜索框輸入關(guān)鍵字后按回車鍵

• 在搜索結(jié)果中找到相應(yīng)結(jié)果，點擊進(jìn)入相應(yīng)頁面

有沒有更簡單快捷的操作方法？答案是 GitHub Awesome Complete 這款 Chrome 插件。這款插件能夠讓你在 GitHub 中輸入關(guān)鍵字之后通過彈窗動態(tài)顯示相應(yīng)的搜索結(jié)果，你所需要做的，只是點擊即可。

6. Octo Mate：增強(qiáng)你的 GitHub 體驗

除了以上兩款 GitHub 相關(guān)的插件，這里我還要介紹一下 Octo Mate 這款能夠提升你的 GitHub 體驗的小工具。對于這款插件，主要功能有以下四點：

• 一鍵下載文件：GitHub 可以讓你很方便的以 .zip 格式下載所有文件，但如果只需要下載一個文件，非常麻煩。使用 Octo Mate 后只需要點擊文件圖標(biāo)即可下載。

• 一鍵打開項目的 Github Pages

• 顯示倉庫大小

• 顯示未讀消息數(shù)

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

7. Page Ruler：你的網(wǎng)頁標(biāo)尺

前端開發(fā)者在調(diào)試網(wǎng)頁的時候，一定會遇到需要查看網(wǎng)頁中某個具體控件或者整個網(wǎng)頁具體尺寸的情況，這時候，Page Ruler 能夠幫你完成這一項工作，測量網(wǎng)頁元素，再也不用打開占據(jù)大片空間的「檢查元素」窗口了。

8. User-Agent Switcher for Chrome：網(wǎng)頁自適應(yīng)測試工具

你的網(wǎng)頁對于各類設(shè)備的自適應(yīng)情況怎么樣？正常情況下，我們需要同時在不同的設(shè)備上測試網(wǎng)頁的自適應(yīng)情況，有了 User-Agent Switcher for Chrome，只需要一個瀏覽器插件，你可以隨時更換 UA，測試網(wǎng)頁的自適應(yīng)情況，幫你很好地提高了開發(fā)效率。

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

實機(jī)調(diào)試 Android 應(yīng)用，你是不是還在一邊測試著 Android 設(shè)備一邊在電腦上修改代碼？有了 Vysor 這款 Chrome 插件，只需要通過 USB 連接，你就可以直接在 Chrome 中通過鼠標(biāo)操作 Android 設(shè)備，設(shè)備間切換造成的時間成本降低了，開發(fā)效率自然就提高了。

10. SimilarWeb：查看網(wǎng)站各種流量數(shù)據(jù)

對于網(wǎng)站開發(fā)者來說，除了網(wǎng)站本身的代碼設(shè)計與開發(fā)，網(wǎng)站的各種用戶訪問數(shù)據(jù)與流量分析也是很重要的一塊工作。SimilarWeb 這款 Chrome 插件能夠幫你統(tǒng)計網(wǎng)站的流量來源與排名，查詢網(wǎng)站參與等各種網(wǎng)站信息。

除了本篇文章介紹的 Chrome 插件以外，Chrome 瀏覽器還有許多好用實用的擴(kuò)展工具，也許你還沒有找到你需要的那款瀏覽器插件，你也可以來掘金上看看，說不定就能找到你需要的那款插件。