如何json格式化?Chrome格式化插件jFormat的使用
一、前言
现在大家在开发api接口时一般的报文都会使用json格式,但是往往需要拼接json报文,对于报文是否正确需要到调试的时候才能够发现,对于比较简单的报文还好,对于超长的json报文去调格式就是个噩梦。那么有没有什么好的json格式化插件可以用呢?今天要给大家介绍一款好用的json格式化的chorme插件,非常好用!
jFormat下载地址 密码3360
谷歌浏览器最新版本下载地址 浏览器可下载最新版本
二、如何使用
先看效果。
一、插件非常简单,左边是原始报文,右边是格式化的报文,只要直接将报文拷贝到左边区域,右边立刻格式化好。

二、对于有错误的报文会怎么样呢?我们故意在两个点插入多余的字符,可以看到右边立刻报错,并且指出报错的位置。

三、在右边区域上方还有个齿轮按钮,我们点击打开看看还有什么功能。默认第一个勾选是做了格式化了,这里就不用说了,我们可以点击Show Types看看。

四、对比一下,我们可以看到插件把所有节点的类型都通过不同颜色标识出来,如果觉得有用的话可以打开这个功能。

三、安装插件
对于插件,可能还有小伙伴不会安装,这里简单介绍一下,已经会安装插件的小伙伴可以跳过。
这个插件本身是crx的,为了方便我直接打成zip包。下面是安装步骤。
一、下载后解压到目录下。


二、打开谷歌浏览器,地址栏输入chrome://extensions/。

三、右上打开【开发者模式】。

四、直接将刚才解压的目录拖到刚才浏览器扩展程序里。


五、如果没有意外,我们可以看到插件就装好了,可以在浏览器地址栏右边看到一个括号黄色图标,直接点击打开就可以了。

六、如果装不了,也可以点击【加载已解压的扩展程序】,选择刚才的解压目录也可以,大家可以根据需要自行选择。
