正文
喂，前端，你应该知道的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 |
