其他分享
首页 > 其他分享> > 【第475期】这些chrome插件你有吗?

【第475期】这些chrome插件你有吗?

作者:互联网

前言

早些年在工作中常用的浏览器应该Firefox,但自从爱上chrome之后,firefox就被打入冷宫了。chrome最让人着迷的除了调试工具外就是调试工具了,那今天早读君就分享一些在自己浏览器上安装的一些插件。


正文从这开始~


一:WEB前端助手(FeHelper)

这个插件是由美丽说@赵先列开发的,该插件基本可以满足现在前端开发的所有需求,功能包括字符串编解码、代码压缩、美化、JSON格式化、正则表达式、时间转换工具、二维码生成器、编码规范检测、页面性能检测、页面取色等。现在团队的童鞋基本都有在用。


地址:http://dwz.cn/2z2ZvL

截图:

图片


二:Postman

这个插件用来模拟各种http request,几种常用的方法都可以的。另一个不错的功能就是它的collection功能,可以帮你记录每次的request,这样下一次用的时候你就不用重来了。特别现在多端配合,走的各种请求接口,这种工具不得不用。更多的可以查看之前的介绍:【第235期】Postman - 测试 API 的好工具


地址: http://dwz.cn/2z4rTY

截图:

图片


三:Axure RP Extensionfor Chrome

这个看标题大家应该都应该可以理解,在ie浏览器下查看原型稿不需要装,但在chrome下你必须拥有这个插件才能正常浏览,不然你看到的都是axture的默认首页了


地址:http://dwz.cn/2z4vyu

截图:


四:hosts文件管理工具

还在每次为了找host都去c盘了吗,现在只要用这款插件你只要当前浏览器就可以搞定。早读君觉得最方便的还有一个就是他具备分组的功能,特别在多个项目的情况就特别需求。对管理host的开关也相当方便,同事提供批量导入功能。


地址:http://dwz.cn/2z4Euh

截图:



五:Octotree

当我们在浏览别人的开源代码时,还要clone下来一个文件查看,而有了这个插件,你可以直接在Chrome侧边栏向打开文件夹一样的查看别人的项目,简直了。给大家看下查看我的开源项目的正确方式。


地址:https://github.com/buunguyen/octotree

截图:



六:Dimensions

这个工具就赞了,用于测量屏幕尺寸的工具。一般用来看某个模块的相关信息。


地址:http://dwz.cn/2z4ZPc

截图:



七:page load time

看这插件的名称,也大概能查得出吧,那就是在工具栏中显示本页面的加载时间。它主要是利用web Timg api做精确测量


地址:http://dwz.cn/2z54VZ

截图:



八:cssviewer

这个有点意思,只要你把鼠标放在任意元素上就可以显示出这个元素的所有css属性。有了这个你还会按F12吗?


地址: http://dwz.cn/2z5hBy

截图:

图片


九:perfmap

咋看有点类似热力图,这个插件主要用来现在在chrome浏览器下,各个资源的加载时间,并以类似热力图的方式显示在页面上


地址:http://dwz.cn/2z5n1M

截图:

图片


十:Fontface Ninja

这个插件就相对比较小众,主要用来查看文字的字体,字号,以及宽高


地址: http://www.fontface.ninja/

截图:

图片


后语

除了常用的跟前端、设计相关的插件外,chrome商店中还有不少的有意思的插件,早读君经常用到的一个就是印象笔记的裁剪很方便收藏相关文章。


标签:插件,http,cn,chrome,截图,dwz,地址,475
来源: https://blog.51cto.com/u_15127657/2783038