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

解析多层嵌套结构

结构化比较

可视化——图

可视化——表

[KusoJc]

@wu00 #37 JSONCrack 有在用，也是挺好的，谢谢推荐； op 里提供的多层嵌套解析和结构化比较也是很吸引我的，因为我经常需要比对 json 差异，所以如果有 all in one 的工具还是很开心的

[mon6912640]

有个问题，线框视图，“折叠兄弟节点”的功能好像有点问题，目前“折叠兄弟节点”点击只会隐藏其他兄弟节点的子节点，而不是字面意义的隐藏兄弟节点

隐藏兄弟节点这个迫切需要，因为数组很大，导致父节点分出的连线非常多，几乎都挤在一起了，导致很难看出确定所选的子节点是哪个索引下标

[innocent245]

用了一下感觉性能是不是有点问题, 有点卡

[yangg]

有个小需求，最近经常用到 newline delimited json, 不知道能否支持

[cmlx1014]

做的挺好，但是网站挺卡，大的 json 估计更卡。我一般都是用本地的。

[ztc]

粘了个 4w 多行的 Json ，页面崩了 😂

[Luoyide]

牛逼 支持楼主

[BlackCat02]

期待一个 chrome 插件（类似 JSON-Handle ）

[alpha4zeta]

如果是用 Mac 的 Raycast, 可以使用 JSON Editor 插件, 和楼主想实现的, 应该一样

[loggerhead]

@s609926202 好嘞，我想想咋实现。如果是 object 的话，希望展示 key 个数吗？

[loggerhead]

@liwenkang 嗯嗯，可能得像「 python dict 转 JSON 」的功能一样，加一个「 js object 转 json 」的功能。容我思考思考要不要加。感谢建议~

[loggerhead]

@KusoJc @Allendeng 感谢支持！

[loggerhead]

@marcong95 它不是 JSON 了哈。因为文本内容无法 parse ，所以只会尝试进行格式化，所以会不断添加空行……

[loggerhead]

@wu00 @KusoJc 嗯嗯，json crack 也是个很好的工具。不过它是收费的，另外我想问一下它在国内访问速度怎么样，加载会不会有些慢？

[loggerhead]

@pb7412221 感谢建议，已经记在 TODO 里面了，不过因为我自己对暗黑模式没需求，所以暂时没支持。同样，如果有其他朋友也需要，请给 @pb7412221 点赞~

[loggerhead]

@wwc625 想了解一下，为什么会需要对 json 结构进行拖拽调序？现在是支持按 key 排序的（左侧有个自动排序），不知道能不能满足你的需求~

[loggerhead]

@yangg 是指 jsonl 吗？有考虑要不要支持，同样看需求人数多不多吧~有需要的给 @yangg 点赞~

[loggerhead]

@innocent245 @cmlx1014 @ztc 感谢反馈！性能问题我会尽量想办法优化哈（目前已经是优化过了），但是受限于浏览器单线程 render ，做起来不是很容易，目前有一些思路，我只能尽量试试能不能行~

[loggerhead]

@BlackCat02 目前应该支持安装成 chrome app ，可以试试（不过我没试过，哈哈）

[szyp]

好用