[送码限 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 快速处理数据

解析多层嵌套结构

结构化比较

可视化——图

可视化——表

[ZGame]

很清爽赞一个

[jgh004]

牛 b 吹大了

[TangCuYu2333]

支持什么平台呢？蹲个码

[SayHelloHi]

能不能再加一个功能 可以生成各种开发语言的 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]

找了一圈，没找到码怎么用

[loggerhead]

@ZGame 谢谢。现在界面还有些丑（包括字体、配色等），我打算后面有时间了再改进一下~

[loggerhead]

@jgh004 所以严谨的加了「大概」，哈哈。要是有其他做得更好的（无论哪方面），欢迎发出来看看，我学习学习、持续改进 JSON For You

[loggerhead]

@TangCuYu2333 @Cloud9527 支持 web 哦。码是给海外用户用的，国内是免费使用~

[loggerhead]

@SayHelloHi 感谢建议！我思考思考，有结论了再回复你哈~ 如果其他人也觉得需要这个功能，可以给 @SayHelloHi 的评论点赞，我看看有多少人有同类需求~

[whoosy]

支持一下

[kisick]

能不能支持 java tostring 打印的字符串转成 json 格式

[dddd1919]

怪好用的嘞，快加入 he3🐶

[nunterr]

支持一下

[bruce0]

遇到一个问题, 放入一个大 json, 大约 1.2M 网卡一直无响应, 几秒后 提示网页崩溃

[skyqiao]

挺好看的

[skyqiao]

可以做成插件的话挺好的，比如 utools 这种的插件

[liwenkang]

功能很赞，想提一个功能点

这种非标准格式的 json 数据如果也能正确格式化处理就更棒了，不知道这种在技术实现上会不会有什么问题

```
{
a: 'a'
}
```

[sinno933]

试了一下 挺不错的 👍🏻

[lasuar]

生成各语言 model 的确是一个常见的需求，目前是 AI 实现

[liwenkang]

@skyqiao 再加一个 vscode 插件，完美