| layout | title | tags |
|---|---|---|
post |
每一个开发者都必装的十大 Chrome 插件 |
插件 |
大家好，我是你们的小金子。
本文是参考其他文章并翻译，包括部分自己的见解而形成的，原文来自：https://medium.com/front-end-weekly/10-insanely-useful-google-chrome-extensions-every-developer-should-have-in-2020-603e832abca2
Chrome 浏览器有多好用不用过多讨论，在 Chrome 之上扩展的各种浏览器插件更是百花齐放，那么对于一个开发者来说，哪些插件能够帮助我们更好的进行开发呢？
当你迫切想知道某个网站使用的技术栈是什么的时候，Wappalyzer 能够帮助你，它通过自动化的分析，让你快速的了解网站的技术栈。相信如果你经常使用 Wappalyzer 的话，一定是紧跟技术的发展潮流的。
Wappalyzer 可检测网站使用的内容管理系统、电商平台、Web 框架、Server 端软件、网站分析工具等。
插件地址：https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg
当你开发网站的时候可能有些时候因为一些颜色的选择，而纠结不前。但是偶尔你访问其他的网站的时候又能激发你的灵感。这个时候 ColorZilla 能够快速的帮助你去从网站中抽取颜色。
插件地址：https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp
使用插件 Code Cola 能够在线直接修改某个网站的 CSS 内容并实时生效，非常方便做一些小的变更看效果。这款工具非常推荐给设计师及开发人员。
插件地址：https://chrome.google.com/webstore/detail/code-cola/lomkpheldlbkkfiifcbfifipaofnmnkn
当我们有多个账号要访问同一个网站的时候，因为不能复用 Session，需要频繁的登录和登出，非常的麻烦。Session Buddy 这款插件就是为了解决这个问题，如果你有这个问题，赶快安装使用吧。
插件地址：https://chrome.google.com/webstore/detail/session-buddy/edacconmaakjimmfgnblocblbcdcpbko
作为一个开发者，经常需要记录前端的一些行为，或者为了保留某个测试 bug 的场景方便后续修复，所以对于截屏和视频录制来说是强需求，那么这款插件就非常值得安装了。
插件地址：https://chrome.google.com/webstore/detail/awesome-screenshot-screen/nlipoenfbbikpbjkfpfillcgkoblgpmj
很难通过寥寥数语来介绍这款插件，你可以认为它就是开发人员的万能武器库。
插件地址：https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm
一款能够大幅度提升 GitHub 访问体验的插件，支持对 GitHub 项目目录的浏览，就像是在使用本地 IDE 一样。
插件地址：https://chrome.google.com/webstore/detail/octotree/bkhaagjahfmjljalopjnoealnfndnagc
在开发的时候，API 返回 JSON 数据真的太长见了，如果你没有安装这个插件，很难想象你都是怎么看这些数据的。JSON Viewer 目前对 JSON 的高亮显示支持比较好，同时也支持自定义的配置。
插件地址：https://chrome.google.com/webstore/detail/json-viewer/gbmdgpbipfallnflgajpaliibnhdgobh/related
这款插件就跟它的名字一样，不需要做太多的介绍，就是做 API 测试的，跟 postman 类似。
由 Google 团队开发的插件，能够分析网站的性能、质量及错误等，毋庸置疑越大的公司对性能和质量越看重。
插件地址：https://chrome.google.com/webstore/detail/lighthouse/blipmdconlkpinefehnmjammfjpmpbjk