前端必备的谷歌浏览器JSON可视化插件:JSON-Handle

功能简介:

           日常开发过程中,对接后台返回的数据接口时,数据格式常常是各种json格式字符串,在netWork里面查看十分不便,需要在网上找一个json格式化的工具再查看,然后再取数据字段,然后绑定到页面上,十分不便,推荐这么一款前端开发的浏览器插件工具给大家使用。

返回数据:

{"l1": {"l1_1": ["l1_1_1","l1_1_2"],"l1_2": { "l1_2_1": 121}},"l2": {"l2_1": null,"l2_2": true,"l2_3": {}}}

复制到插件格式化后:

前端必备的谷歌浏览器JSON可视化插件:JSON-Handle_第1张图片

 效果一目了然,支持编辑,展开,收缩,以树形图样式展现JSON文档,极大提升了开发效率

Chrome插件安装方法

1、首先在网上下载json-handle的包,

2、打开谷歌浏览器,点击浏览器的更多工具中的扩展程序

前端必备的谷歌浏览器JSON可视化插件:JSON-Handle_第2张图片

3、然后点击浏览器的更多工具中的扩展程序,将下载好的json-handle包拖进扩展程序中,最后创建一个快捷方式,固定到浏览器上方即可使用

前端必备的谷歌浏览器JSON可视化插件:JSON-Handle_第3张图片

 前端必备的谷歌浏览器JSON可视化插件:JSON-Handle_第4张图片


4、使用的时候点击图标进入把想要解析的json文件复制过来,点击OK即可查看

前端必备的谷歌浏览器JSON可视化插件:JSON-Handle_第5张图片

 5、转换后效果前端必备的谷歌浏览器JSON可视化插件:JSON-Handle_第6张图片

下载地址:

前端必备的谷歌浏览器JSON可视化插件:JSON-Handle-Javascript文档类资源-CSDN下载前端json字符串数据格式化利器,支持编辑,展开,收缩,以树形图样式展现JSON文档,极大提升了开更多下载资源、学习资料请访问CSDN下载频道.https://download.csdn.net/download/m0_61243965/85475268?spm=1001.2014.3001.5503

你可能感兴趣的:(开发工具,前端,json,html5,前端框架,css)