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

解析多层嵌套结构

结构化比较

可视化——图

可视化——表

[cshwen]

根据《中华人民共和国广告法》第九条，广告不得使用“国家级”、“最高级”、“最佳”等用语。
o(￣▽￣)ｄ UI 真好看

[loggerhead]

@szyp 谢谢支持~
@cshwen 咱论坛里吹吹牛没必要搬广告法吧……UI 我其实还不满意，打算持续优化，现在只能说还看得过去，哈哈。

[brokensword2018]

好像不支持 json 注释？ 显示解析错误。

[loggerhead]

@brokensword2018 对的，目前不支持。JSONC 后续可能会支持，看需求大不大吧。JSON5 明确不会支持~

[tanranran]

试了下，确实不错

[lizy0329]

界面我看代码，很可能是用 V0 等 AI 生成的，是吗？

[loggerhead]

@tanranran 谢谢支持~

[loggerhead]

@lizy0329 冤枉啊兄弟，纯纯手写的。v0 这些 AI 现在这么强大了么？

[warron]

用了下 挺好用 👍🏻

[wuyazuofeiji]

数组都不显示个数

[lizy0329]

@loggerhead 还很弱，但这种白色底，几个 icon input 的界面是它的舒适圈

[loggerhead]

@mon6912640 感谢反馈！我没太理解啥意思，方便贴个截图给我看看吗？或者加群私聊一下也可以~

[loggerhead]

@wuyazuofeiji 嗯嗯，还没来得及做。想问一下，如果是 object 的话，希望展示 key 的个数吗？

[TenProX]

很强！支持大佬的作品！

[mumbler]

查看 json 有很多平替了，但有个很刚需的事还没满足：根据 API 接口返回的 json ，写出解析数据的代码，纯体力活，复杂 json 工作量挺大，现在我都是把 json 给大模型去写，有时候会幻觉，要做很多调试，其实可以做个 agent 来完成，不用自己写 prompt

[chatbase]

我用的 www.jsonhome.com 支持格式化及对比，基本满足日常使用

[s609926202]

@loggerhead #50 类似这样

[loggerhead]

@TenProX 谢谢！

[loggerhead]

@mumbler 这个难度不小。而且最主要的问题是，即使做出来了也很难在国内上线……

[loggerhead]

@chatbase 嗯嗯，同类工具非常多。也可以试试我这个，至少国内加载速度会快些，哈哈~