● ● ●
在前端这个行业里面,浏览器担任着及其重要的角色。今天我们可以选择的浏览器有很多,Chrome,Firefox,IE,Safari… 为了能获得更佳的开发体验,大家更多地选择 Chrome。今天介绍下我平时安装的那些 Chrome Extensions。
OneTab
当您发现自己有太多的标签页时,单击OneTab图标,将所有标签页转换成一个列表。当您需要再次访问这些标签页时,可以单独或全部恢复它们。
JSONViewJSONView 是一个方便查看 Json 结构的插件,展开,折叠,看接口返回数据就是这么方便。
SnappySnippet有时候想在 Codepen, JS Bin, jsFiddle 等平台演示 bug 或者装个五毛的 B ,但限于样式拆分得太细,难以抽离,SnappySnippet 可以快速帮你完成这项苦差事。
EditThisCookieEditThisCookie 是个修改 Cookie 的快捷工具。
ValidityValidity 可以用来快速验证你的 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 DashboardPanda 的定位是一个非常优秀的资源阅读器。
Octotree上同性社交网站的时候经常在翻别人源码的时候特别苦恼,特别是你的网络不给力的时候,简直想死,Octotree 帮助你整理出来项目文件列表。
PerfectPixel这是一个像素级对稿的插件,如果你所在的公司也特别有情怀的话,那么这个软件可以省去大把你和设计师对稿的时间。
Postman口碑极好的一个接口调试工具,必备神器,不多说,但是你一定要装。
AngularJS Batarang / React Developer Tools / Vue.js devtoolsAngular / React / Vue 调试工具。
AngularJS Batarang
React Developer Tools
Vue.js devtools
StylishStylish 是一个自定义页面外观的工具,比如想去掉 *度 无下限的广告,给它加个 display: none!
User-Agent Switcher for Chrome切换 User Agent 的插件。
Web Server for Chrome快速启动小项目或Demo的神器。
一键管理所有扩展插件装多了,不好管理? 启动慢? 好好管教管教。
广告终结者跟烦人的广告说再见,还你一个干净有情怀的页面。
页面自动刷新定时刷新页面,我还记得当初用它抢到一个 小米2s。
掘金(不是广告,不是广告,不是广告,至少我没有收钱)
掘金是中国质量最高的技术分享社区,邀请稀土用户作为 Co-Editor 来分享优质的技术干货,从前端到后端开发,从设计到产品,让每一个掘金用户都能挖掘到有价值的干货。
上面的插件大部分都没有中文版,而且 Chrome 本来也在墙外,如果你发现自己打不开上面那些链接的话,趁这个机会出个墙吧。
你有什么好插件?(工具始终都只是辅助,但是装优秀的插件可以提高开发效率。)
给你一个全新的 Chrome 你会优先装什么工具?你有什么好玩意儿在推荐推荐。
关注“网页设计自学平台”订阅号回复以下|关键字|
|dw教程|js教程|淘宝案例|软件下载|搜狐案例|网站模板
戳“阅读原文”入群免费领取前端开发教程!
联系客服