![Chrome开发工具插件推荐](https://static001.infoq.cn/resource/image/25/ec/25177eb63cba89e04e35f8ayy1c802ec.jpg?x-oss-process=image/crop,y_89,w_1920,h_1078/resize,w_726,h_408)
1. Wappalyzer
![](https://static001.geekbang.org/wechat/images/4d/4d88a5910d60e41a322ecc1304a39f6f.png)
想要了解一个网站的技术栈时就用它。Wappalyzer 可以分析网站所用的各项技术。它甚至可以帮助我们随时了解市场上的新兴技术信息。
2. ColorZilla
![](https://static001.geekbang.org/wechat/images/1b/1b5eb616f93fcca16171836f9740d1f6.png)
为网站选择颜色是很麻烦的事情,所以大多数时候我会访问其他网站以获取灵感,并从中窃取颜色。
3. Code Cola
![](https://static001.geekbang.org/wechat/images/ff/ff3e00827b94c07a88d049e7301111f2.png)
我很喜欢这个插件,你可以查看所选部分或元素的完整 CSS,也可以在线编辑它的 CSS。推荐设计师和非设计师使用。
4. Session Buddy
![](https://static001.geekbang.org/wechat/images/cd/cd3bba9eb27cd1ef427ace076797e81f.png)
如果你在一个网站上有多个登录名,每次注销和登录,或使用其他浏览器同时获得不同帐户的持久身份验证访问,都会是很麻烦的事情。为了克服这种困难,我们可以用这个插件。
5. Awesome Screenshot: Screen Video Recorder
![](https://static001.geekbang.org/wechat/images/c8/c8594c3293ea7531eda40a6d645f671c.png)
作为开发人员,有时我们必须向测试人员或客户提供站点或功能的运行证据,这时可以用这个工具。
6. Web Developer
![](https://static001.geekbang.org/wechat/images/46/468a5011baadf80db4110ec7ab635a76.png)
拥有多种功能的出色插件。
7. Octotree
![](https://static001.geekbang.org/wechat/images/04/0495ac53e1f140268f370ced77cc4188.png)
将你的 GitHub 体验提升到全新水平的插件。检查 GitHub 项目的某个文件夹中的文件总是很麻烦的事情,但现在有了它,你可以在 IDE 中使用树状文件结构浏览 GitHub 项目文件。
8. JSON Viewer
![](https://static001.geekbang.org/wechat/images/80/80399daa62e4d9d79986d2cf3944705b.png)
你所见过的最漂亮、最可定制的 JSON/JSONP 高亮器。
9. Talend API Tester
![](https://static001.geekbang.org/wechat/images/7c/7c81a59ac4cae63705b8bf7c10b1d991.png)
大部分时间里我只与我的服务器说话,而它只通过 API 与我交流。为了更好地与服务器对话,我请了这位 Chrome 邮递员。
10. Lighthouse
![](https://static001.geekbang.org/wechat/images/bd/bd2929850e2cf4b22a69554a514725a8.png)
谷歌团队提供的绝佳工具,可用来审核你的网站性能、质量、错误……
英文原文
10 insanely useful Google Chrome extensions every developers should have in 2020
评论