推荐 10 款 Chrome 开发工具插件 _Chrome

文章插图

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