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

解析多层嵌套结构

结构化比较

可视化——图

可视化——表

[fuchaofather]

解析多层嵌套结构
----
这一条太有用了，感谢

[loggerhead]

@whoosy @nunterr @sinno933 感谢支持~

[loggerhead]

@liwenkang 这是啥语言的 dict ？现在是支持非 json 数据格式化的

[loggerhead]

@bruce0 感谢反馈！这是个已知问题，主要瓶颈在主线程渲染 UI ，有一些优化的想法，后面会试试看。

[loggerhead]

@fuchaofather 哈哈，我经常用它~

[WashFreshFresh]

很不错 结合 edge 固定到任务栏体验非常棒

[loggerhead]

@skyqiao 有考虑做成插件，后面会想想咋实现 ROI 比较高

[loggerhead]

@WashFreshFresh 谢谢支持~

[Cloud9527]

@loggerhead #8 嗯，现在主要再用 jsont ，对比着用下

[Peace2021]

很不错，实用的工具

[s609926202]

给个建议：在折叠的对象...这里显示其中的数组个数

[liwenkang]

@loggerhead 比如在 JavaScript 中，定义的 object ，也想直接转成标准的 json 格式
```
const a = {
a: '1',
}
```

[KusoJc]

完全命中我需要检查 json 内容的需求，老哥太棒了，期待 vscode 插件👍👍

[Allendeng]

喜欢😄

[archxm]

我用 JSONedit
https://tomeko.net/software/JSONedit/

[marcong95]

@loggerhead #23 我也试了下如 #17 的 JS Object ，粘贴进去之后格式化会出错，然后猛点格式化的话，会不断添加空行。。。。

test case: {a:1,b:'2',c:false,d:[],e:{}}

如果要适配其他语言的 notation 的话，格式化感觉还是不要自动执行的好。要是需要贴回到代码里，可能就又会不符合各种 linting

[wu00]

@KusoJc vs code 里面有个 json crack

[pb7412221]

现在在用 jsonhero 暗黑挺好 可以参考下

[wwc625]

借楼问一下有没有能对 json 内容拖拽调序的工具

[mon6912640]

牛逼，很赞！！！