chrome浏览器好用的web调试插件

转载自：https://blog.csdn.net/loongggdroid/article/details/109233589?ops_request_misc=&request_id=&biz_id=102&utm_term=chrome%25E5%25BF%2585%25E5%25A4%2587%25E6%258F%2592%25E4%25BB%25B6web&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduweb~default-5-109233589.first_rank_v2_pc_rank_v29

Chrome 浏览器有多好用不用过多讨论，在 Chrome 之上扩展的各种浏览器插件更是百花齐放，那么对于一个开发者来说，哪些插件能够帮助我们更好的进行开发呢？

   

1. Wappalyzer

当你迫切想知道某个网站使用的技术栈是什么的时候，Wappalyzer 能够帮助你，它通过自动化的分析，让你快速的了解网站的技术栈。相信如果你经常使用 Wappalyzer 的话，一定是紧跟技术的发展潮流的。

Wappalyzer 可检测网站使用的内容管理系统、电商平台、Web 框架、Server 端软件、网站分析工具等。

插件地址：  https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg

   

2. ColorZilla

当你开发网站的时候可能有些时候因为一些颜色的选择，而纠结不前。但是偶尔你访问其他的网站的时候又能激发你的灵感。这个时候 ColorZilla 能够快速的帮助你去从网站中抽取颜色。

插件地址：    https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp

   

3.Code Cola

使用插件 Code Cola 能够在线直接修改某个网站的 CSS 内容并实时生效，非常方便做一些小的变更看效果。这款工具非常推荐给设计师及开发人员。

插件地址： https://chrome.google.com/webstore/detail/code-cola/lomkpheldlbkkfiifcbfifipaofnmnkn

   

4. Session Buddy

当我们有多个账号要访问同一个网站的时候，因为不能复用 Session，需要频繁的登录和登出，非常的麻烦。Session Buddy 这款插件就是为了解决这个问题，如果你有这个问题，赶快安装使用吧。

插件地址：https://chrome.google.com/webstore/detail/session-buddy/edacconmaakjimmfgnblocblbcdcpbko

   

5. Awesome Screenshot: Screen Video Recorder

作为一个开发者，经常需要记录前端的一些行为，或者为了保留某个测试 bug 的场景方便后续修复，所以对于截屏和视频录制来说是强需求，那么这款插件就非常值得安装了。

插件地址： 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 一样。

插件地址：     https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc

   

8. JSON Viewer

在开发的时候，API 返回 JSON 数据真的太长见了，如果你没有安装这个插件，很难想象你都是怎么看这些数据的。JSON Viewer 目前对 JSON 的高亮显示支持比较好，同时也支持自定义的配置。

插件地址：https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh/related

   

9. Talend API Tester

这款插件就跟它的名字一样，不需要做太多的介绍，就是做 API 测试的，跟 postman 类似。

插件地址：https://chrome.google.com/webstore/detail/talend-api-tester-free-ed/aejoelaoggembcahagimdiliamlcdmfm/related

   

10. Lighthouse

由 Google 团队开发的插件，能够分析网站的性能、质量及错误等，毋庸置疑越大的公司对性能和质量越看重。

插件地址：   https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk