平时chrome插件用多了,发现在工作中有很多插件特别好用,让你事半功倍。于是我抽时间整理了一些非常好用的chrome插件分享给大家,其中有些插件是我已经离不开,每天都在用的。希望这篇文章能帮助你找到适合你的插件,提升工作效率。

工作类

FeHelper【强烈推荐】

FeHelper是一个Web前端助手,由中国人开发,集成了非常多很实用的前端工具,比如:字符串编解码、代码美化、JSON格式化查看、二维码生成器、编码规范检测、JS正则表达式等。虽然是前端工具大合集,但是在我们做软件测试或者其他开发同学的工作中也非常有用,比如我经常使用:JSON对比文件(对比两次请求返回的数据信息)、二维码生成工具(生成二维码)、JSON格式化。如下是该工具的一个截图:

Octotree

你是否有这样的体验,在github上浏览某个工程,需要不断的页面后退,或者点击跳转到新的页面,均需要一个页面加载的等待时间,这样体验会比较差。Octotree就是为了解决这个问题而出现的,它能够让你在页面上浏览代码层次结构,就像idea工具一样,非常方便。如下图所示:

One Tab

之所以推荐这个插件,并将它放到工作分类中,是因为考虑到平时大家工作中肯定会打开大量的tab,而tab上的标题将会变的很小,显示不全,如果我们想要找到某个页面,将很麻烦。OneTab就是为了解决这样的问题而出现的,它能够一键将当前浏览器中所有的tab收起来放到一个页面中,这样我们就可以很方便管理我们打开的tab了。

JSON Viewer【强烈推荐】

在平时的工作中,会大量使用到网络请求,如果你访问某个接口,该接口返回json,那么直接在浏览器中看非常不美观。也许大部分人会将数据复制到web端的json格式化平台进行格式化操作,这样又显得比较麻烦。那么JSONViewer你一定要安装,因为它可以将接口返回的数据直接转成json格式,而且会对展示效果做优化。

ColorPick Eyedropper

有时候我们需要获取界面上某个区块的色值,比如:设置ppt的背景色或者自己开发工具时按钮的颜色等等。可能通过一些工具也能满足你的需求,但是ColorPick Eyedropper作为chrome插件,使用会更方便,只需要直接在目标色值上单击,就能显示出对应的色值。

Axure RP Extension for Chrome

假如产品经理发给你一份产品原型,但是你电脑上没有安装Axure RP,那么Axure RP的chrome插件就是你的首选,它可以让你正常的浏览产品原型。

draw.io Desktop

工作中经常会画流程图、时序图等,你是否经常在为使用什么软件而发愁,那draw.io Desktop绝对是你需要的,这款chrome插件是离线应用,打开即用,非常方便。这里多说几句,chrome的离线插件是可以不依赖浏览器而单独使用的,你可以在浏览器中通过 chrome://apps/ 来查看所有安装的离线插件。从目前的趋势来看,chrome离线插件应该是一个发展方向,将来更多的插件将转为离线,因为使用很方便,体验更接近原生。

日程管理类

滴答清单

这款插件可以让你规划自己想做的事情,最重要的它可以和Android、IOS、桌面工具同步。当你在工作时,突然想起某些事情,可以直接在chrome插件中记录下来。使用相当方便。

生活工具类

Adblock Plus

从字面意思也能猜出来,Adblock Plus是用来屏蔽各类影响浏览器体验的烦人广告,比如视频广告、网页上各种卖东西的等等。Adblock Plus需要过滤规则列表来阻挡广告,当我们首次安装Adblock时,它能基于浏览器语言设置为你自动推荐一个过滤规则列表。一旦启用规则后,它就能拦截来自网站的特定请求,通常此类请求是用来加载广告的,被过滤的广告在页面上所处的位置常常会留下成片的空白区域,或者"广告标记占位图",而Adblock plus依然能够根据网页元素的某些特征来隐藏他们。

Greasy Fork 【强烈推荐】

Tampermonkey(油猴脚本)是一款免费的浏览器扩展和最为流行的用户脚本管理器,它适用于 Chrome, Microsoft Edge, Safari, Opera Next, 和 Firefox。这个插件是浏览器的辅助工具,借助各种脚本,可以实现非常黑科技的体验,比如:"百度网盘高速下载"、"微博页面精简"、"全网音乐一键免费下载"等。分分钟让你的浏览器开挂,绝对称得上是浏览器的辅助神器。更多更强大的功能大家可以自己摸索,我不能再说更多了。

总结

上面提到的插件是我正在使用并且觉得非常好用的,当然肯定还有很多其他插件还没被发掘,等我再积攒一些插件,再跟大家分享。大家在平时工作中,有哪些好用的chrome插件,也可以在评论区留言,跟大家一起分享下。

【实用工具】这些你不得不知道的chrome插件,让你事半功倍的更多相关文章

  1. .NET 高效开发之不可错过的实用工具(第一的当然是ReSharper插件)

    工欲善其事,必先利其器,没有好的工具,怎么能高效的开发出高质量的代码呢?本文为 ASP.NET 开发者介绍一些高效实用的工具,包括 SQL 管理,VS插件,内存管理,诊断工具等,涉及开发过程的各个环节 ...

  2. NET 高效开发之不可错过的实用工具(第一的当然是ReSharper插件)

    工欲善其事,必先利其器,没有好的工具,怎么能高效的开发出高质量的代码呢?本文为 ASP.NET 开发者介绍一些高效实用的工具,包括 SQL 管理,VS插件,内存管理,诊断工具等,涉及开发过程的各个环节 ...

  3. 喂,前端,你应该知道的chrome插件

    最近,优点闲. 压力,有点大,回顾,曾今被问,你怎么查看内存泄露,然后,一脸蒙. 工欲善其事, 必先利其器 最近在研究chrome devtools,发现,其实他很强.而且chrome6周一次的更新, ...

  4. 我所不知道的 Chrome 开发者工具

    http://www.oschina.net/translate/things-i-didnt-know-about-chrome-devtools 自打我开始进行Web开发后,我就一直将Firebu ...

  5. 15个你不得不知道的Chrome dev tools的小技巧

    转载自:https://www.imooc.com/article/2559 谷歌浏览器如今是Web开发者们所使用的最流行的网页浏览器.伴随每六个星期一次的发布周期和不断扩大的强大的开发功能,Chro ...

  6. idea开发工具中你可能不知道的却又比较好用的快捷键

    Alt+insert :生成代码 较为常用的是 1.普通Class中生成get set 方法 .生成构造函数.生成spring注入.重写对象的equal.toString.hashcode方法 2.如 ...

  7. 【接单】找我付费定制Python工具软件或网站开发、Chrome浏览器插件、油猴脚本

    各位可付费找我定制Python工具软件或网站开发.Chrome插件.油猴脚本.自动化软件,可通过我做的软件来评判我的实力,一定要先和我沟通你的需求,做不了的我也不会接. 费用50元起,通过淘宝APP或 ...

  8. mac软件推荐及chrome插件推荐

    通用软件 Alfred (超级好用的效率工具) 用mac这个软件一定要装,用习惯之后加上电脑本身的快捷键.效率提升的飞起. Alfred我常使用的功能有: 搜索chrome的书签 我搜索的书签大概分为 ...

  9. 关于 fir.im 你可能不知道的实用小工具

    大家可能都知道 fir.im 是做测试发包的,上传你的 IPA/APK, 测试用户可以通过一个短链接和二维码就可快速安装测试. 除了基本的发包功能即应用上传下载外,fir.im 还为提高发包体验提供了 ...

随机推荐

  1. CSS3 入门到精通(一)

    CSS 用于控制网页的样式和布局. CSS3 是最新的 CSS 标准. 一. CSS3边框 实例 向 div 元素添加圆角: div { border:2px solid; border-radius ...

  2. Io流的概述

    Io流的概述IO: I输入(Input),O 输出(Output)1.什么是IO流? 数据流,IO是严格的“水流模型” 所以IO流是用来读写数据,或者传输数据. 注意:File只能操作文件对象本身,而 ...

  3. 那些你不知道的HTML知识,快来学习一下吧

    前言 HTML作为前端三大基础知识点之一,是每一个前端开发人员都要掌握的部分.今天这篇文章我们来看看一些平时不太会注意,却在面试时可能会问到的题目,来看看你都会吗? 如何使用div模拟实现textar ...

  4. https协议分析

    一:什么是HTTPS https全称是超文本传输安全协议,https利用SSL/TLS加密数据包来进行http通信.https开发的主要目的,是提供对网站服务器的身份认证,保护交换数据的隐私与完整性. ...

  5. Figures Inscribed in Curves (曲线上的图形)

    Figures Inscribed in Curves\text{Figures Inscribed in Curves}Figures Inscribed in Curves A short tou ...

  6. 80%面试官不知道的dubbo → 【redis注册中心】

    dubbo的redis注册中心配置和注意事项 配置provider和consumer项目的pom.xml,增加如下2个依赖: org.apache.commons commons-pool2 2.4. ...

  7. php分页的条件

    我们在项目开发的过程中避免不了使用分页功能,拿php来说,现在市面上有很多大大小小的php框架,当然了分页这种小功能这些框架中都是拿来直接可以用的. 这些框架的分页功能使用都很方便,配置一下分页所需参 ...

  8. HTTP Catcher

    HTTP Catcher HTTP Catcher 是一个 Web 调试工具.它可以拦截.查看.修改和重放来自 iOS 系统的 HTTP 请求. 你不需要连接电脑,HTTP Catcher 可以在后台 ...

  9. ESP32 开发之旅① 走进ESP32的世界 安装开发环境

    1.前言     欢迎大家来到ESP32的世界,从现在开始,笔者将带领大家慢慢揭开ESP32神秘的面纱.     在学习ESP32之前,博主希望读者能有ESP8266的学习基础(ESP32 Wifi模 ...

  10. js初学者循环经典题目

    1.根据一个数字日期,判断这个日期是这一年的第几天例如: 2016和02和11,计算后结果为42 var y = 2016;//+prompt("请输入年份") ;         ...