Chrome 插件集推荐

● ● ●

在前端这个行业里面，浏览器担任着及其重要的角色。今天我们可以选择的浏览器有很多，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 的插件。

Web Server for Chrome

快速启动小项目或Demo的神器。

一键管理所有扩展

插件装多了，不好管理？ 启动慢？ 好好管教管教。

广告终结者

跟烦人的广告说再见，还你一个干净有情怀的页面。

页面自动刷新

定时刷新页面，我还记得当初用它抢到一个 小米2s。

掘金

（不是广告，不是广告，不是广告，至少我没有收钱）

掘金是中国质量最高的技术分享社区，邀请稀土用户作为 Co-Editor 来分享优质的技术干货，从前端到后端开发，从设计到产品，让每一个掘金用户都能挖掘到有价值的干货。

上面的插件大部分都没有中文版，而且 Chrome 本来也在墙外，如果你发现自己打不开上面那些链接的话，趁这个机会出个墙吧。

你有什么好插件？

（工具始终都只是辅助，但是装优秀的插件可以提高开发效率。）

给你一个全新的 Chrome 你会优先装什么工具？你有什么好玩意儿在推荐推荐。

关注“网页设计自学平台”订阅号回复以下｜关键字｜

｜dw教程｜js教程｜淘宝案例｜软件下载｜搜狐案例｜网站模板

戳“阅读原文”入群免费领取前端开发教程！