JSON Crack数据可视化工具(使用教程)

JSON Crack简介

JSON Crack 是一个很方便的 JSON 数据可视化工具。 该项目不是简单的展示 JSON
数据,而是将其转化为类似思维导图的形式,支持放大/缩小、展开/收缩、搜索节点、导出图片等操作。对于经常和json格式的数据打交道的人会非常有帮助。
“忘了那烦人的引号、大括号和冒号吧”​

使用效果

1.没有使用之前

{
  "message": [
    { "image_src": "https://api-hmugo-web.net/pyg/banner1.png", "open_type": "navigate", "goods_id": 129, "navigator_url": "/pages/goods_detail/main?goods_id=129" },
    { "image_src": "https://api-hmugo-web.net/pyg/banner2.png", "open_type": "navigate", "goods_id": 395, "navigator_url": "/pages/goods_detail/main?goods_id=395" },
    { "image_src": "https://api-hmugo-web.net/pyg/banner3.png", "open_type": "navigate", "goods_id": 38, "navigator_url": "/pages/goods_detail/main?goods_id=38" }
  ],
  "meta": { "msg": "获取成功", "status": 200 }
}

2.使用后的效果

获取JSON Crack ​ ​资源​​

gitHub:https://github.com/AykutSarac/jsoncrack.com

JSON Crack安装

1.解压文件

2.打开文件 JSON Crack

3.浏览器的方式打开 editor.html

JSON Crack使用

1.导入json数据

json测试数据

{
  "message": [
    { "image_src": "https://api-hmugo-web.net/pyg/banner1.png", "open_type": "navigate", "goods_id": 129, "navigator_url": "/pages/goods_detail/main?goods_id=129" },
    { "image_src": "https://api-hmugo-web.net/pyg/banner2.png", "open_type": "navigate", "goods_id": 395, "navigator_url": "/pages/goods_detail/main?goods_id=395" },
    { "image_src": "https://api-hmugo-web.net/pyg/banner3.png", "open_type": "navigate", "goods_id": 38, "navigator_url": "/pages/goods_detail/main?goods_id=38" }
  ],
  "meta": { "msg": "获取成功", "status": 200 }
}

导入效果图

3.拷贝节点内容

3.分享链接