点击上方
蓝色字体
关注「程序员大咖」
来自： w3cTrain
链接：http://w3ctrain.com/2016/10/16/my-chrome-extension/
（点击尾部阅读原文前往）
在前端这个行业里面，浏览器担任着及其重要的角色。今天我们可以选择的浏览器有很多，Chrome，Firefox，IE，Safari… 为了能获得更佳的开发体验，大家更多地选择 Chrome。今天介绍下我平时安装的那些 Chrome Extensions。
OneTab
当您发现自己有太多的标签页时，单击OneTab图标，将所有标签页转换成一个列表。当您需要再次访问这些标签页时，可以单独或全部恢复它们。
JSONView
JSONView 是一个方便查看 Json 结构的插件，展开，折叠，看接口返回数据就是这么方便。
SnappySnippet
有时候想在 Codepen, JS Bin, jsFiddle 等平台演示 bug 或者装个五毛的 B ,但限于样式拆分得太细，难以抽离，SnappySnippet 可以快速帮你完成这项苦差事。
EditThisCookie
EditThisCookie 是个修改 Cookie 的快捷工具。
Validity
Validity 可以用来快速验证你的 HTMl 文档明显错误，比如少了个结束标签，使用了不规范标签，缺少了某些属性等等。
Responsive Web Design Tester
移动端页面适配利器，使用 Responsive Web Design Tester，你可以快速在目标尺寸上打开页面，可以自己配置尺寸，修改 UserAgent, 整体效果比 Chrome 自带模拟器更赞~
Allow-Control-Allow-Origin: *
JS 同源策略保障我们的页面安全，但是开发期间我们并不想看到这烦人的家伙，使用Allow-Control-Allow-Origin: *插件轻松解决这个问题 Allow-Control-Allow-Origin: *。
Chrome Sniffer Plus
有时候打开某家公司的页面，很好奇人家用了哪些技术库、框架，Chrome Sniffer Plus 可以为你服务。
Clear Cache
快速清除页面缓存？我用 Clear Cache。
Full Page Screen Capture
看到酷炫的页面排版，叹为观止的巧妙设计想保存下来？ 使用 Full Page Screen Capture。
LastPass
管理页面密码，省去频繁输入测试账号密码的烦恼，为了安全保障，最好还是不要保存购物网站的密码哟~
Panda 5 | News & Inspiration Dashboard
Panda 的定位是一个非常优秀的资源阅读器。
Octotree
上同性社交网站的时候经常在翻别人源码的时候特别苦恼，特别是你的网络不给力的时候，简直想死，Octotree 帮助你整理出来项目文件列表。
PerfectPixel
这是一个像素级对稿的插件，如果你所在的公司也特别有情怀的话，那么这个软件可以省去大把你和设计师对稿的时间。
Postman
口碑极好的一个接口调试工具，必备神器，不多说，但是你一定要装。
AngularJS Batarang / React Developer Tools / Vue.js devtools
Angular / React / Vue 调试工具。
AngularJS Batarang
React Developer Tools
Vue.js devtools
Stylish
Stylish 是一个自定义页面外观的工具，比如想去掉 *度 无下限的广告，给它加个 display: none！
User-Agent Switcher for Chrome
切换 User Agent 的插件。
