Skip to content

Latest commit

 

History

History
executable file
·
105 lines (50 loc) · 5.13 KB

2020-08-24-chrome.extension.dev.should.have.md

File metadata and controls

executable file
·
105 lines (50 loc) · 5.13 KB
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 之上扩展的各种浏览器插件更是百花齐放,那么对于一个开发者来说,哪些插件能够帮助我们更好的进行开发呢?

Image for post

1. Wappalyzer

Image for post

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

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

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

2. ColorZilla

Image for post

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

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

3.Code Cola

Image for post

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

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

4. Session Buddy

Image for post

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

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

5. Awesome Screenshot: Screen Video Recorder

Image for post

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

插件地址:https://chrome.google.com/webstore/detail/awesome-screenshot-screen/nlipoenfbbikpbjkfpfillcgkoblgpmj

6. Web Developer

Image for post

很难通过寥寥数语来介绍这款插件,你可以认为它就是开发人员的万能武器库。

插件地址:https://chrome.google.com/webstore/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm

7. Octotree

Image for post

一款能够大幅度提升 GitHub 访问体验的插件,支持对 GitHub 项目目录的浏览,就像是在使用本地 IDE 一样。

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

8. JSON Viewer

Image for post

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

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

9. Talend API Tester

Image for post

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

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

10. Lighthouse

Image for post

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

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