大部分同类网站只支持最常见的校验、格式化、最小化、转义、反转义和树形视图的功能,少部分网站提供了结构化比较。但很少有网站提供 BigInt 比较、文本比较、行内比较、数组差分比较的功能,所以本着“自己动手,丰衣足食”的想法做了 [JSON For You]( https://json4u.cn/)。

经过两年的使用,我发现 [JSON For You]( https://json4u.cn/) 在处理 JSON 数据上虽然足够好用了,但是在查看 JSON 数据上不够方便。比如在遇到复杂的 JSON 结构时,使用 [JSON For You]( https://json4u.cn/) 虽然能快速查看格式化后的文本,但仅仅是文本形式无法让开发者快速了解 JSON 结构。

因此我上线了 [JSON For You]( https://json4u.cn/) 3.0 ,提供了图和表两种可视化方式,对于复杂的 object 类型数据可以通过图快速了解,对于复杂的 array 类型数据则可以通过表快速了解。

- 项目链接: https://github.com/loggerhead/json4u/
- 国内网址(免费): https://json4u.cn/
- 海外网址(付费): https://json4u.com/
  - 首年免费券:UZNZQ5NW (能用 10 次)

# 演示

## 使用 jq 快速处理数据

<img src="https://raw.githubusercontent.com/loggerhead/json4u/refs/heads/main/public/example/jq.gif">

## 解析多层嵌套结构

<img src="https://raw.githubusercontent.com/loggerhead/json4u/refs/heads/main/public/example/nest-parse.png">

## 结构化比较

<img src="https://raw.githubusercontent.com/loggerhead/json4u/refs/heads/main/public/example/compare.png">

## 可视化——图

<img src="https://raw.githubusercontent.com/loggerhead/json4u/refs/heads/main/public/example/graph.png">

## 可视化——表

<img src="https://raw.githubusercontent.com/loggerhead/json4u/refs/heads/main/public/example/table.png">
举报· 887 次点击
登录 注册 站外分享
50 条回复  
ZGame 初学 2024-9-24 08:13:01
很清爽赞一个
jgh004 小成 2024-9-24 08:14:12
牛 b 吹大了
TangCuYu2333 小成 2024-9-24 08:21:43
支持什么平台呢?蹲个码
SayHelloHi 初学 2024-9-24 08:24:06
能不能再加一个功能 可以生成各种开发语言的 model

参考

https://app.quicktype.io/

示例

```
// json 数据
{
  "install": {
    "open": true,
    "url": "https://www.extensions-hub.com/partners/installed?name=M3U8-Downloader"
  },
  "uninstall": {
    "open": true,
    "url": "https://www.extensions-hub.com/partners/uninstalled?name=M3U8-Downloader"
  },
  "update": {
    "open": true,
    "url": "https://www.extensions-hub.com/m3u8-downloader/updated/"
  },
  "news": [
    {
      "open": true,
      "url": "https://chromewebstore.google.com/detail/m3u8-downloader-pro/agiifopjckffghgiggmfnpbdamhpejfi",
      "title": "M3U8 Downloader Pro",
      "desc": "M3U8 Downloader Pro has been released."
    }
  ]
}

export interface Response {
    install:   Install;
    uninstall: Install;
    update:    Install;
    news:      News[];
}

export interface Install {
    open: boolean;
    url:  string;
}

export interface News {
    open:  boolean;
    url:   string;
    title: string;
    desc:  string;
}


```
Cloud9527 小成 2024-9-24 08:38:06
找了一圈,没找到码怎么用
whoosy 小成 2024-9-24 08:59:02
支持一下
kisick 初学 2024-9-24 09:02:26
能不能支持 java tostring 打印的字符串转成 json 格式
dddd1919 初学 2024-9-24 09:04:09
怪好用的嘞,快加入 he3🐶
nunterr 小成 2024-9-24 09:04:40
支持一下
返回顶部