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. 平常开发相关的插件就以上这些，还有几款如知乎的插件、购物插件等这类与开发效率不沾边的，俺就不这上头列了哈