1. WAppalyzer

想要了解一個網站的技術棧時就用它。Wappalyzer 可以分析網站所用的各項技術。它甚至可以幫助我們隨時了解市場上的新興技術信息。

https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg

2. ColorZilla

為網站選擇顏色是很麻煩的事情，所以大多數時候我會訪問其他網站以獲取靈感，并從中竊取顏色。

https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp

3. Code Cola

我很喜歡這個插件，你可以查看所選部分或元素的完整 css，也可以在線編輯它的 CSS。推薦設計師和非設計師使用。

https://chrome.google.com/webstore/detail/code-cola/lomkpheldlbkkfiifcbfifipaofnmnkn

4. Session Buddy

如果你在一個網站上有多個登錄名，每次注銷和登錄，或使用其他瀏覽器同時獲得不同帳戶的持久身份驗證訪問，都會是很麻煩的事情。為了克服這種困難，我們可以用這個插件。

https://chrome.google.com/webstore/detail/session-buddy/edacconmaakjimmfgnblocblbcdcpbko

5. Awesome Screenshot

作為開發人員，有時我們必須向測試人員或客戶提供站點或功能的運行證據，這時可以用這個工具。

https://chrome.google.com/webstore/detail/awesome-screenshot-screen/nlipoenfbbikpbjkfpfillcgkoblgpmj

6. Web Developer

擁有多種功能的出色插件。

https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm

7. Octotree

將你的 GitHub 體驗提升到全新水平的插件。檢查 GitHub 項目的某個文件夾中的文件總是很麻煩的事情，但現在有了它，你可以在 IDE 中使用樹狀文件結構瀏覽 GitHub 項目文件。

https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc

8. JSON Viewer

你所見過的最漂亮、最可定制的 JSON/JSONP 高亮器。

https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh/related

9. Talend API Tester

大部分時間里我只與我的服務器說話，而它只通過 API 與我交流。為了更好地與服務器對話，我請了這位 Chrome 郵遞員。

https://chrome.google.com/webstore/detail/talend-api-tester-free-ed/aejoelaoggembcahagimdiliamlcdmfm/related

10. Lighthouse

谷歌團隊提供的絕佳工具，可用來審核你的網站性能、質量、錯誤……