### JSON Crack簡介
> JSON Crack 是一個很方便的 JSON 資料視覺化工具。 該專案不是簡單的展示 JSON 資料,而是將其轉化為類似思維導圖的形式,支援放大/縮小、展開/收縮、搜尋節點、匯出圖片等操作。對於經常和json格式的資料打交道的人會非常有幫助。
“忘了那煩人的引號、大括號和冒號吧”

**獲取JSON Crack**  [資源](http://www.hereitis.cn/articleDetails/828)

### JSON Crack安裝
**1.解壓檔案**

![](http://img.blog.itpub.net/blog/2022/10/26/c5124c74ee3dff84.png?x-oss-process=style/bb)

**2.開啟檔案 JSON Crack **

![](http://img.blog.itpub.net/blog/2022/10/26/50fd227e786616d6.png?x-oss-process=style/bb)

**3.瀏覽器的方式開啟 editor.html**

![](http://img.blog.itpub.net/blog/2022/10/26/276edf43c10c5695.png?x-oss-process=style/bb)

### JSON Crack使用

**1.匯入json資料**

![](http://img.blog.itpub.net/blog/2022/10/26/ae47faaf01cb4d5a.png?x-oss-process=style/bb)

**2.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匯入效果圖**

![](http://img.blog.itpub.net/blog/2022/10/26/6d25b16c59dafc6f.png?x-oss-process=style/bb)

**4.複製節點內容**

![](http://img.blog.itpub.net/blog/2022/10/26/6ce1915448431f6f.png?x-oss-process=style/bb)

**5.分享連結**

![](http://img.blog.itpub.net/blog/2022/10/26/63992f5e4667da1d.png?x-oss-process=style/bb)

JSON Crack 資料視覺化工具

相關文章