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

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

前言

Chrome瀏覽器不管是做爲瀏覽器市場的NO1仍是其強大的跨平臺能力以及豐富的擴展插件,一直是許多開發者的首要選擇的瀏覽器。chrome瀏覽器也由於其豐富的Chrome插件,幫助開發者們在開發流程中極大地提升開發效率。

那麼有哪些插件是開發人員最經常使用的chrome插件呢?今天咱們chrome插件網就整理了十款開發者經常使用的Chrome 插件推薦給你們,讓chrome成爲全部開發者的開發利器。html

1. 掘金Chrome插件:幫你發現乾貨

無論你是開發者、設計師仍是產品經理,想必天天都須要閱讀大量的行業相關文章,這就須要咱們瀏覽大量的互聯網站點去尋找咱們須要的內容。拋開繁複的篩選成本不說,「比特級」的內容都會壓得你喘不過氣來。掘金爲了解決這個問題,開發了掘金 Chrome插件,掘金 Chrome 插件聚合了國內外優質的互聯網站點內容,在節省你的篩選成本的同時,幫你發現好內容。前端

掘金插件

使用地址

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

2. Postman:強大的 API & HTTP 請求調試工具

相信 Postman 對於掘金上的各位開發者來講,必定不會陌生,這是一款強大的 API & HTTP 請求調試工具,Postman 不只能夠調試簡單的 HTML、CSS 以及腳本等簡單的網頁基本信息,這款 Chrome 插件甚至還能發送幾乎全部的 HTTP 請求,可謂是 Web 開發者的一大利器。git

postman

使用地址

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

3. BuiltWith Technology Profiler:你的網站,用了什麼技術棧?

做爲開發者,對於友商網站所使用的技術棧想必也充滿了許多好奇心,有沒有工具可以幫你完成這項工做呢?答案就是 Chrome 插件 BuiltWith Technology Profiler,它可以幫你分類呈現當前訪問網站的技術棧組成,實乃探索友商之利器。web

BuiltWith Technology Profiler

固然,同類產品中,你也可使用 Wappalyzer 這一款 Chrome 插件。chrome

使用地址

http://www.cnplugins.com/devt...react-native

4. Octotree:你的 GitHub 文檔庫

GitHub 現有的目錄層級形式,在查看來自不一樣層級文件夾的文件的時候,顯得彷佛不是很方便,Octotree 這款 Chrome 插件可以讓你經過文檔庫的方式管理、查看你的 GitHub 倉庫,簡單直觀的同時,也方便你進行文件之間的跳轉操做。瀏覽器

octotree

使用地址

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

5. GitHub Awesome Complete:屬於 GitHub 的 Alfred

在 GitHub 搜索倉庫或者項目的時候,你會怎麼作?相信大部分人的步驟都是同樣的:

  • 在搜索框輸入關鍵字後按回車鍵
  • 在搜索結果中找到相應結果,點擊進入相應頁面

有沒有更簡單快捷的操做方法?答案是 GitHub Awesome Complete 這款 Chrome 插件。這款插件可以讓你在 GitHub 中輸入關鍵字以後經過彈窗動態顯示相應的搜索結果,你所須要作的,只是點擊便可。

github awesome

使用地址

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

6. Octo Mate:加強你的 GitHub 體驗

除了以上兩款 GitHub 相關的插件,這裏我還要介紹一下 Octo Mate 這款可以提高你的 GitHub 體驗的小工具。對於這款插件,主要功能有如下四點:

  • 一鍵下載文件:GitHub 可讓你很方便的以 .zip 格式下載全部文件,但若是隻須要下載一個文件,很是麻煩。使用 Octo Mate 後只須要點擊文件圖標便可下載。
  • 一鍵打開項目的 Github Pages
  • 顯示倉庫大小
  • 顯示未讀消息數

Octo Mate

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

7. Page Ruler:你的網頁標尺

前端開發者在調試網頁的時候,必定會遇到須要查看網頁中某個具體控件或者整個網頁具體尺寸的狀況,這時候,Page Ruler 可以幫你完成這一項工做,測量網頁元素,不再用打開佔據大片空間的「檢查元素」窗口了。
page ruler

使用地址

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

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

你的網頁對於各種設備的自適應狀況怎麼樣?正常狀況下,咱們須要同時在不一樣的設備上測試網頁的自適應狀況,有了 User-Agent Switcher for Chrome,只須要一個瀏覽器插件,你能夠隨時更換 UA,測試網頁的自適應狀況,幫你很好地提升了開發效率。

User-Agent Switcher

使用地址

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

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

實機調試 Android 應用,你是否是還在一邊測試着 Android 設備一邊在電腦上修改代碼?有了 Vysor 這款 Chrome 插件,只須要經過 USB 鏈接,你就能夠直接在 Chrome 中經過鼠標操做 Android 設備,設備間切換形成的時間成本下降了,開發效率天然就提升了。
vysor

使用地址

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

10. SimilarWeb:查看網站各類流量數據

對於網站開發者來講,除了網站自己的代碼設計與開發,網站的各類用戶訪問數據與流量分析也是很重要的一塊工做。SimilarWeb 這款 Chrome 插件可以幫你統計網站的流量來源與排名,查詢網站參與等各類網站信息。
similar web

使用地址

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

閱讀更多

幾個不錯的Android開源項目
一招教你打造一個滑動置頂的視覺特效
NDK項目實戰—高仿360手機助手之卸載監聽
react-native技術的優劣
MongoDB、Hbase、Redis等NoSQL優劣勢、應用場景

相關文章
相關標籤/搜索