Chrome 前端 插件
本文内容都来源于偶整理的fetool。
想让更多使用Chrome的小伙伴,体验到这些令人愉悦的小工具,所以单独整理了这篇文章。
如果你是 前端/服务端/设计/面向Github
编程/视觉控,相信下列的插件有不少你会用到,期待你能喜欢:)
Chrome
应用商店必定是需要FQ的哈。
以下插件都是俺多年积累淘出来的,数量不多,所以就不区分 Github
插件和非 Github
插件了。按照俺推荐的强度自上向下展示,且大多数插件就是偶工作和生活必备,希望能对大家有用。后续如有新发现好插件,偶也会及时更新哒。
- Postman -
POST
接口调试终结者,异常强大的接口调试工具。稍稍有一点学习成本,推荐之 - JSONView - 就是个
JSON
格式的查看工具,可以很方便的展示数据,麻麻再也不用担心偶调试接口啦。PS:同类插件有不少,所以用的开心就行 - 二维码生成器 - RT。PS:这FF早已经自带生成二维码工具了,
Chrome
还得装插件才行,任性... - WEB前端助手(FeHelper) 百度FE出品,功能超全的 Chrome 插件。简单列一下其功能:QR码生成器、字符串编解码工具、JSON格式化查看器、前端编码规范检测、代码压缩工具、页面取色工具、统计并分析网页加载性能等等
- Eye Dropper 前端必备的颜色提取神器,操作简单容易上手
- Page Ruler 前端必备的尺子。计算页面元素间距、位置等信息的时候,你就知道它的好了,无脑上手,你值得拥有
- FireShot 可以截取整个网页、部分页面,然后支持导出为各种格式。俺微博上发的网页全景图都是靠这个插件截取的
- Infinity - 好不好用有点见仁见智了,但是我个人比较喜欢。使用后会让你的 新标签页 耳目一新,有漂亮的背景和各种常用的功能,比如地图、天气、
Gmail
、Chrome
商店等等。当然,在这个插件的设置中还可以设置壁纸、动画效果等等 - Momentum 同样也是 新标签页 的插件,但是不管是视觉上(高清大图)还是功能上,都比 Infinity 高大上不少,
Setting
里面有不少设置和快捷键,都很好上手的。Infinity胜在中文和直观,Momentum胜在视觉冲击。俺基本上这俩款看心情换着用,所以希望你也都能喜欢:) - Octotree - 在浏览器左侧展示
Github
项目的文件导航,使目录结构一目了然,而且我们国内Github
的访问速度又不稳定,用这个工具也就很提效率了。对经常使用Github
的同学强烈推荐 - BuiltWith / wappalyzer / Chrome Sniffer Plus - 几款超强的网站分析工具,可以给出网站非常多的技术栈信息。大到
Web Servers
、服务端的Frameworks
或JS
框架,小到meta
、编码格式甚至Analytics
,非常推荐 - Adblock Plus 非常非常有名的免费的过滤广告的插件。PS:广告屏蔽这个见仁见智,其实俺个人还是比较接受一些个性化推荐的广告
- Wide Github 无聊又实用的
Github
插件。无聊是因为这个插件就特么一个功能,加宽,能让Github
页面变宽,每行展示更多的内容,尤其配合着Octotree,展示效果极佳。非常推荐Mac
用户实用,因为屏幕比较不大,变宽后阅读感觉更好 - DevTools Author 纯装逼的插件,可以选择你的
Chrome
开发者工具的主题,且支持的主题超过25种,视觉装逼控必备。设置分大概三步,官网有文字说明,youtube
上的视频教程奉上(Customization With DevTools Author)[https://www.youtube.com/watch?v=AUZagMLMAJc] - GitPlug - 在
Github
项目页中嵌入有关的图表信息,直观的展示当前项目的Star Trend
,能方便看到当前这个开源项目的发起时间,火爆趋势;对比较知名的项目还有相关的News
展示 - OctoLinker - 在
package.json
或任意.js
文件中,可以方便的对require()
的package
进去点击,跳转去对应的Github
页面。PS:特么不太好表达,建议你去这个插件的概述页,里面有个十来秒的视频,看完就明白鸟
补充:
- FQ代理的插件偶没使用,偶手机和电脑的FQ都是配的
Surge
无脑搞定,不过FQ代理插件推荐Proxy SwitchySharp,熊掌公司里大多用的都是它 - 日常开发相关的插件就以上这些,还有几款如知乎的插件、购物插件等这类与开发效率不沾边的,俺就不这上头列了哈