chrome常用的前端相关插件

2018-06-24 02:18:20来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

前面的话

  本文将详细介绍笔者在开发中常用的一些chrome插件

 

字符编码

  前端开发时,经常出现乱码的情况。但是,新版本的chrome浏览器已经没有更改字符编码的设置选择,这时就要用到set character Encoding插件了

  在页面空白处,点击右键,即可选择需要的编码格式

plug

 

浏览代码

  用Chrome插件Octotree,左侧会出现树形结构,方便浏览源代码

plug1

 

JSON

  安装json-view可以以适合的格式来查看json文件

  未安装之前,结果如下

plug

  安装之后,结果如下

plug

 

OneTab

  经常有开 10 个以上的标签页经历,更痛苦的是,有太多的标签页时,Chrome 有卡顿现象出现!使用OneTab插件,不仅节省高达 95% 的内存,还能减轻标签页混乱现象!单击 OneTab 图标,所有标签页转换成一个列表。需要再次访问标签页时,可以单独或全部恢复它们

plug

 

postman

  postman是调试 HTTP 请求的好工具,也是业界的佼佼者,这对于开发 Web Service 提供了很好的调试入口,支持请求认证机制

plug

 

测量

  Page Ruler可以直接查看网页一些图片的详细像素大小、具体位置等,非常实用

plug

 

QR

  二维码(QR码)生成器在做手机调试时非常有用

plug

 

DevTools

  作为前端开发,目前流行的不是react就是vue,当然少不了配套的开发插件:react devTools、redux devTools、vue devTools

plug

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:javascript 异步操作,串形执行,并行执行

下一篇:前端代码乱糟糟?是时候引入代码质量检查工具了