Chrome 前端 插件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 - 好不好用有点见仁见智了,但是我个人比较喜欢。使用后会让你的 新标签页 耳目一新,有漂亮的背景和各种常用的功能,比如地图、天气、GmailChrome商店等等。当然,在这个插件的设置中还可以设置壁纸、动画效果等等
  • 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. 日常开发相关的插件就以上这些,还有几款如知乎的插件、购物插件等这类与开发效率不沾边的,俺就不这上头列了哈

以上是关于Chrome 前端 插件的主要内容,如果未能解决你的问题,请参考以下文章

chrome插件,让你事半功倍

Chrome 前端 插件

Chrome 常用插件 前端-后端-产品

前端开发必备之chrome插件

前端开发必备之chrome插件

前端-后端-产品都用的Chrome 插件大全