1. WAppalyzer
想要了解一個(gè)網(wǎng)站的技術(shù)棧時(shí)就用它。Wappalyzer 可以分析網(wǎng)站所用的各項(xiàng)技術(shù)。它甚至可以幫助我們隨時(shí)了解市場(chǎng)上的新興技術(shù)信息。
https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg
2. ColorZilla
為網(wǎng)站選擇顏色是很麻煩的事情，所以大多數(shù)時(shí)候我會(huì)訪問其他網(wǎng)站以獲取靈感，并從中竊取顏色。
https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp
3. Code Cola
我很喜歡這個(gè)插件，你可以查看所選部分或元素的完整 css，也可以在線編輯它的 CSS。推薦設(shè)計(jì)師和非設(shè)計(jì)師使用。
https://chrome.google.com/webstore/detail/code-cola/lomkpheldlbkkfiifcbfifipaofnmnkn
4. Session Buddy
如果你在一個(gè)網(wǎng)站上有多個(gè)登錄名，每次注銷和登錄，或使用其他瀏覽器同時(shí)獲得不同帳戶的持久身份驗(yàn)證訪問，都會(huì)是很麻煩的事情。為了克服這種困難，我們可以用這個(gè)插件。
https://chrome.google.com/webstore/detail/session-buddy/edacconmaakjimmfgnblocblbcdcpbko
5. Awesome Screenshot
作為開發(fā)人員，有時(shí)我們必須向測(cè)試人員或客戶提供站點(diǎn)或功能的運(yùn)行證據(jù)，這時(shí)可以用這個(gè)工具。
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 體驗(yàn)提升到全新水平的插件。檢查 GitHub 項(xiàng)目的某個(gè)文件夾中的文件總是很麻煩的事情，但現(xiàn)在有了它，你可以在 IDE 中使用樹狀文件結(jié)構(gòu)瀏覽 GitHub 項(xiàng)目文件。
https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc
8. JSON Viewer
你所見過(guò)的最漂亮、最可定制的 JSON/JSONP 高亮器。
https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh/related
9. Talend API Tester
大部分時(shí)間里我只與我的服務(wù)器說(shuō)話，而它只通過(guò) API 與我交流。為了更好地與服務(wù)器對(duì)話，我請(qǐng)了這位 Chrome 郵遞員。
https://chrome.google.com/webstore/detail/talend-api-tester-free-ed/aejoelaoggembcahagimdiliamlcdmfm/related
10. Lighthouse
谷歌團(tuán)隊(duì)提供的絕佳工具，可用來(lái)審核你的網(wǎng)站性能、質(zhì)量、錯(cuò)誤……
