1.2k Views in前端開發

每一個開發者都必裝的十大 Chrome 外掛程式

每一個開發者都必裝的十大 Chrome 外掛程式

大家好，我是你們的小金子。

本文是參考其他文章並翻譯，包括部分自己的見解而形成的，原文來自：medium.com/front-end-we

Chrome 瀏覽器有多好用不用過多討論，在 Chrome 之上擴展的各種瀏覽器外掛程式更是百花齊放，那麼對於一個開發者來說，哪些外掛程式能夠幫助我們更好的進行開發呢？

1. Wappalyzer

當你迫切想知道某個網站使用的技術棧是什麼的時候，Wappalyzer 能夠説明你，它通過自動化的分析，讓你快速的了解網站的技術棧。 相信如果你經常使用 Wappalyzer 的話，一定是緊跟技術的發展潮流的。

Wappalyzer 可檢測網站使用的內容管理系統、電商平臺、Web 框架、Server 端軟體、網站分析工具等。

外掛程式位址： chrome.google.com/webst

2. ColorZilla

當你開發網站的時候可能有些時候因為一些顏色的選擇，而糾結不前。 但是偶爾你訪問其他的網站的時候又能激發你的靈感。 這個時候 ColorZilla 能夠快速的説明你去從網站中抽取顏色。

外掛程式位址： chrome.google.com/webst

3.Code Cola

使用外掛程式 Code Cola 能夠在線直接修改某個網站的 CSS 內容並即時生效，非常方便做一些小的變更看效果。 這款工具非常推薦給設計師及開發人員。

外掛程式位址： chrome.google.com/webst

4. Session Buddy

當我們有多個帳號要訪問同一個網站的時候，因為不能復用 Session，需要頻繁的登錄和登出，非常的麻煩。 Session Buddy 這款外掛程式就是為了解決這個問題，如果你有這個問題，趕快安裝使用吧。

外掛程式位址：chrome.google.com/webst

5. Awesome Screenshot: Screen Video Recorder

作為一個開發者，經常需要記錄前端的一些行為，或者為了保留某個測試 bug 的場景方便後續修復，所以對於截屏和視頻錄製來說是強需求，那麼這款外掛程式就非常值得安裝了。

外掛程式位址： chrome.google.com/webst

6. Web Developer

很難通過寥寥數語來介紹這款外掛程式，你可以認為它就是開發人員的萬能武器庫。

外掛程式位址：chrome.google.com/webst

7. Octotree

一款能夠大幅度提升 GitHub 訪問體驗的外掛程式，支援對 GitHub 專案目錄的流覽，就像是在使用本地 IDE 一樣。

外掛程式位址： chrome.google.com/webst

8. JSON Viewer

在開發的時候，API 返回 JSON 數據真的太長見了，如果你沒有安裝這個外掛程式，很難想像你都是怎麼看這些數據的。 JSON Viewer 目前對 JSON 的高亮顯示支持比較好，同時也支援自定義的配置。

外掛程式位址：chrome.google.com/webst

9. Talend API Tester

這款外掛程式就跟它的名字一樣，不需要做太多的介紹，就是做 API 測試的，跟 postman 類似。

外掛程式位址：chrome.google.com/webst

10. Lighthouse

由Google團隊開發的外掛程式，能夠分析網站的性能、品質及錯誤等，毋庸置疑越大的公司對性能和品質越看重。

外掛程式位址： chrome.google.com/webst

最後，照舊安利一波我們的公眾號：「程式師掘金」，每天一篇工具，外掛程式，軟體分享，專注為程式師挖掘好東西，非常值得大家關注。 我們的口號就是：程式師掘金，挖掘好東西。

想了解更多關於 Facebook 與 Google 廣告投放？

What do you think?

0 Points
Upvote Downvote

Browse and manage your votes from your Member Profile Page

Written by marketer

Lighthouse架構剖析

Google 出品網站性能質量及錯誤分析工具