十款開發者常用的Chrome外掛,讓chrome成為開發利器!

codeGoogle發表於2018-10-16

本文作者:TheBeauty

原文地址:www.cnblogs.com/thebeauty/p…

前言

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

那麼有哪些外掛是開發人員最常用的chrome外掛呢?今天我們chrome外掛網就整理了十款開發者常用的Chrome 外掛推薦給大家,讓chrome成為所有開發者的開發利器。

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

不管你是開發者、設計師還是產品經理,想必每天都需要閱讀大量的行業相關文章,這就需要我們瀏覽大量的網際網路站點去尋找我們需要的內容。拋開繁複的篩選成本不說,「位元級」的內容都會壓得你喘不過氣來。掘金為了解決這個問題,開發了掘金 Chrome外掛,掘金 Chrome 外掛聚合了國內外優質的網際網路站點內容,在節省你的篩選成本的同時,幫你發現好內容。

掘金外掛

使用地址

www.cnplugins.com/devtool/jue…

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

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

postman

使用地址

www.cnplugins.com/devtool/pos…

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

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

BuiltWith Technology Profiler

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

使用地址

www.cnplugins.com/devtool/bui…

4. Octotree:你的 GitHub 文件庫

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

octotree

使用地址

www.cnplugins.com/devtool/oct…

5. GitHub Awesome Complete:屬於 GitHub 的 Alfred

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

  • 在搜尋框輸入關鍵字後按Enter鍵
  • 在搜尋結果中找到相應結果,點選進入相應頁面

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

github awesome

使用地址

www.cnplugins.com/office/gith…

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

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

  • 一鍵下載檔案:GitHub 可以讓你很方便的以 .zip 格式下載所有檔案,但如果只需要下載一個檔案,非常麻煩。使用 Octo Mate 後只需要點選檔案圖示即可下載。
  • 一鍵開啟專案的 Github Pages
  • 顯示倉庫大小
  • 顯示未讀訊息數

Octo Mate

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

7. Page Ruler:你的網頁標尺

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

page ruler

使用地址

www.cnplugins.com/devtool/pag…

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

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

User-Agent Switcher

使用地址

www.cnplugins.com/office/user…

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

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

vysor

使用地址

chromecj.com/productivit…

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

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

similar web

使用地址

www.cnplugins.com/office/simi…

閱讀更多

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

相關文章