在chrome中安装JSONView扩展程序

由于在开发中经常用到json数据,而浏览器通常并不能显示出适合阅读的json数据格式,比如如下效果:
image


实现步骤:

1、下载JSONView扩展程序包
下载地址:JSONView下载
在chrome中安装JSONView扩展程序_第1张图片
打开地址页面如上,可以选择复制地址,在本地的文件夹中打开cmd,输入git clone https://github.com/gildas-lormeau/JSONView-for-Chrome.git进行下载,也可以直接下载zip进行解压

2、打开chrome的扩展程序

  • 点击右上角的三个小圆点-->更多工具-->扩展程序
  • 点击加载已解压的扩展程序

在chrome中安装JSONView扩展程序_第2张图片

如果没有这个选项,点击右上角的开发者模式
在chrome中安装JSONView扩展程序_第3张图片

  • 然后找到文件夹WebContent,点击选择

3、最后得到如下界面:
在chrome中安装JSONView扩展程序_第4张图片
安装完成,CTRL+R刷新一下即可


你可能感兴趣的:(chrome-devtools,前端)