常用的前端相关chrome插件

前面的话

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

 

字符编码

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

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

常用的前端相关chrome插件_第1张图片

 

浏览代码

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

常用的前端相关chrome插件_第2张图片

 

JSON

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

  未安装之前,结果如下

常用的前端相关chrome插件_第3张图片

  安装之后,结果如下

常用的前端相关chrome插件_第4张图片

 

OneTab

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

常用的前端相关chrome插件_第5张图片

 

postman

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

常用的前端相关chrome插件_第6张图片

 

测量

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

plug

 

QR

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

常用的前端相关chrome插件_第7张图片

 

DevTools

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

常用的前端相关chrome插件_第8张图片

 

你可能感兴趣的:(常用的前端相关chrome插件)