程序員的修行-《1.高效chrome插件》

nanchen2251 發(fā)布于2019-08-23 12:22 / 2100人閱讀

摘要：本文作者原文地址前言瀏覽器無論是作為瀏覽器市場的還是其強大的跨平臺能力以及豐富的擴展插件，一直是許多開發(fā)者的首要選擇的瀏覽器。瀏覽器也因為其豐富的插件，幫助開發(fā)者們在開發(fā)流程中極大地提高開發(fā)效率。

本文作者：TheBeauty
原文地址:https://www.cnblogs.com/thebe...

前言

Chrome瀏覽器無論是作為瀏覽器市場的NO1還是其強大的跨平臺能力以及豐富的擴展插件，一直是許多開發(fā)者的首要選擇的瀏覽器。chrome瀏覽器也因為其豐富的Chrome插件，幫助開發(fā)者們在開發(fā)流程中極大地提高開發(fā)效率。

那么有哪些插件是開發(fā)人員最常用的chrome插件呢？今天我們chrome插件網(wǎng)就整理了十款開發(fā)者常用的Chrome 插件推薦給大家，讓chrome成為所有開發(fā)者的開發(fā)利器。

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

不管你是開發(fā)者、設(shè)計師還是產(chǎn)品經(jīng)理，想必每天都需要閱讀大量的行業(yè)相關(guān)文章，這就需要我們?yōu)g覽大量的互聯(lián)網(wǎng)站點去尋找我們需要的內(nèi)容。拋開繁復的篩選成本不說，「比特級」的內(nèi)容都會壓得你喘不過氣來。掘金為了解決這個問題，開發(fā)了掘金 Chrome插件，掘金 Chrome 插件聚合了國內(nèi)外優(yōu)質(zhì)的互聯(lián)網(wǎng)站點內(nèi)容，在節(jié)省你的篩選成本的同時，幫你發(fā)現(xiàn)好內(nèi)容。

使用地址

http://www.cnplugins.com/devt...

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

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

使用地址

http://www.cnplugins.com/devt...

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

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

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

使用地址

http://www.cnplugins.com/devt...

4.?Octotree：你的 GitHub 文檔庫

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

使用地址

http://www.cnplugins.com/devt...

5.?GitHub Awesome Complete：屬于 GitHub 的 Alfred

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

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

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

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

使用地址

http://www.cnplugins.com/offi...

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

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

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

一鍵打開項目的 Github Pages

顯示倉庫大小

顯示未讀消息數(shù)

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

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

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

使用地址

http://www.cnplugins.com/devt...

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ā)效率。

使用地址

http://www.cnplugins.com/offi...

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

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

使用地址

http://chromecj.com/productiv...

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)站信息。

使用地址

http://www.cnplugins.com/offi...

閱讀更多

幾個不錯的Android開源項目
一招教你打造一個滑動置頂?shù)囊曈X特效
NDK項目實戰(zhàn)—高仿360手機助手之卸載監(jiān)聽
react-native技術(shù)的優(yōu)劣
MongoDB、Hbase、Redis等NoSQL優(yōu)劣勢、應(yīng)用場景