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：特么不太好表达，建议你去这个插件的概述页，里面有个十来秒的视频，看完就明白鸟

补充：

1. FQ代理的插件偶没使用，偶手机和电脑的FQ都是配的 Surge 无脑搞定，不过FQ代理插件推荐Proxy SwitchySharp，熊掌公司里大多用的都是它
2. 日常开发相关的插件就以上这些，还有几款如知乎的插件、购物插件等这类与开发效率不沾边的，俺就不这上头列了哈