[送码限 10 个] 全世界最好用的 JSON 可视化工具（大概）

[loggerhead]

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

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

因此我上线了 JSON For You 3.0 ，提供了图和表两种可视化方式，对于复杂的 object 类型数据可以通过图快速了解，对于复杂的 array 类型数据则可以通过表快速了解。

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

演示

使用 jq 快速处理数据

解析多层嵌套结构

结构化比较

可视化——图

可视化——表

非常感谢大家的支持，为了方便交流，建了个群。有任何意见、反馈都可以发群里，一定认真思考、回复！

[lasuar]

如果你要集成此功能，最好是加上一些额外功能，比如在 go 中的结构体，一般需要设置 tag 部分(下面的反引号内容)：

```
type Root struct {
AudioDetail []AudioDetail `json:"audioDetail"`
AuxInfo AuxInfo `json:"auxInfo"`
BtId string `json:"btId"`
Code int `json:"code"`
FrameDetail []FrameDetail `json:"frameDetail"`
Message string `json:"message"`
RequestId string `json:"requestId"`
RiskLevel string `json:"riskLevel"`
}
```

还有，对于一个复杂的 JSON ，在转结构体时，可能需要将嵌套字段单独定义一个结构体，如果嵌套层级深，最好支持设置拆分粒度

[lasuar]

上面只是列出了 go 语言的需求，其他语言也会有了，需要慢慢打磨。

[breeze5942]

我现在基本上都是扔给 GPT ，直接给我结果了😂

[zkl2333]

想要一个“排序+比较”功能，现在的操作流程是先粘贴左边和右边，然后点排序，再点左右切换，再点排序，再点比较。操作路径有点长。

或者排序等命令操作不再只针对右侧区域，而是针对光标所在区会不会更好？这样可以省掉左右切换这一步操作，配合快捷键也挺快的。

说到快捷键，目前 ctrl+k 然后输入中文赶紧也不是很优雅。

[loggerhead]

@lasuar 那很不错。顺便问一下，你是用的国产 AI 还是海外的 AI ？因为如果我想在国内提供服务的话，可能直接接入国内 AI （不确定，得了解一下相关政策）

[loggerhead]

@lasuar 哇，非常好的建议，在开发的时候一定考虑进去！

[loggerhead]

@zkl2333 有的。你看左边侧边栏，有一个「自动排序」的选项，勾选后黏贴在任意编辑器都会自动排序。另外对于命令栏，它是支持英文的，可以试试输入 format 。不过确实得给中文用户一个提示，让用户知道可以输入英文

[loggerhead]

@zkl2333 不过我看你的操作过程似乎是这样？
1. 排序比较；
2. 进行修改，并 swap ；
3. 再次排序比较；

[lasuar]

国内 AI 可以了。

[zkl2333]

@loggerhead #107 感谢，我知道怎么操作了。我还遇到一个问题：右上角的文本比较和比较的切换是什么意思呢。我在乱点还点出了看不懂的情况

[loggerhead]

@zkl2333 它是在结构化比较和文本比较之间切换，我觉得它不太符合直觉打算把它改掉。看上去是个 bug ，你知道咋复现吗？