喂，前端，你应该知道的chrome插件

最近，优点闲。

压力，有点大，回顾，曾今被问，你怎么查看内存泄露，然后，一脸蒙。

工欲善其事, 必先利其器

最近在研究chrome devtools，发现，其实他很强。而且chrome6周一次的更新，devtools也在更新，越来越强大，越来越nice。

本篇，对于我是一个备忘录。也希望大家能得到帮助。

首先，chrome有插件，扩展，app三个层面的啥来着，分别可以通过下面的命令查看

chrome://apps

chrome://extensions

chrome://components （注：老版本是 chrome://plugins）

更多内置命令，可以参考 chrome地址栏命令

 

下面就是我收集的一些前端开发有用的扩展程序或者app，绝大部分是测试过的，最后一栏是最近更新日期，当然是越近更新越好。

你也可以关注我的有道云笔记 chrome插件

 

 

工具类
Web Developer	以工具栏的形式对网页的(X)HTML、脚本、多媒体、CSS、缓存、图象等多方面的实用工具	2017-08-10
FeHelper	包括字符串编解码、代码压缩、美化、JSON格式化、正则表达式、时间转换工具、二维码生成器、编码规范检测、页面性能检测、页面取色、Ajax接口调试	2017-08-09
octotree	Github和GitLab树形导航	2017-08-10
Hasher	计算MD5，SHA-1和SHA-2，IP子网，网址解码base64等等	2017-06-14
Postman （App）	Http请求工具	2017-08-02
基于REST的Web服务客户端	基于REST的Web服务客户端, 开发和测试REST风格的Web服务API	2016-05-06
Tampermonkey	是一款免费的浏览器扩展和最为流行的用户脚本管理器	2017-07-26
Allow-Control-Allow-Origin: *	跨域请求	2015-06-17
Redirector	重定向	2016-08-05
Clear Cache	缓存清理	2015-01-03
Proxy SwitchyOmega	代理	2017-08-02
谷歌访问助手	谷歌访问助手，你懂的	2016-10-31
Extensions Manager (aka Switcher)	管理app和extensions	2016-07-10
扩展管理器（Extension Manager）	扩展管理，个人觉得比上面那个简单好用	2017-03-15
BuiltWith Technology Profiler	查询网站的技术栈	2017-04-02
IP Address and Domain Information	ip地址和域信息，也可以查自己的ip信息	2017-08-04
User-Agent Switcher for Chrome	切换user-agent	2017-08-03
Host Switch Plus	快速切换 Domain-IP 配置而不需要编辑 Hosts 文件，并方便的添加、修改、分组（批量开关）	2016-12-07
Minimalist Markdown Editor（app）	可视化markdown编辑	2016-05-22

 

CSS/HTML
CSSViewer	css查看器，可惜不能复制	2017-03-06
Emmet Re:View	可以让您轻松查看网站在您每次进行媒体查询时的外观，以及同步所有页面的滚动What Font	2017-06-16
What Font	页面当前使用的字体名称	2017-05-06
Eye Dropper	网页取色	2016-10-05
捕捉网页截图 - FireShot的	网页截图	2017-05-22
Page Ruler	是设计者的一把尺子，您可以用它来量度页面上任意元素的尺寸，只要点击一下该插件，并且拖 出尺子就可以快速而且方便地度量尺寸	2014-09-19
SEO & Website Analysis	SEO和网站分析	2017-02-24
Web Developer Checklist	查看任何一个网页的报错和反常的问题	2017-08-09