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

解析多层嵌套结构

结构化比较

可视化——图

可视化——表

[changdy]

简单看了下.
比如上 json hero 和 json crack 的搭配使用.

[Astron2M]

@fuchaofather +1

[Astron2M]

使用的时候发现个不顺手的地方，右侧视图切换成表的时候，不像左侧输入框，底下没有左右滑动条提示，然后我 macbook 使用鼠标的时候，一下子不知道该怎么左右拖动😅选中表头向右滑动，发现可以操作，愣了一会儿才想到可以用触控板滑动

[loggerhead]

@Astron2M 感谢反馈。这个问题我也发现了，但是我咋调样式滚动条都不能在 overflow 时始终显示，不太清楚咋回事。我再研究研究。

[KusoJc]

@loggerhead #54 一直挂梯，速度都还可以的

[Highlight1024]

@loggerhead #84 大概率是系统设置了”显示滚动条“为非”始终显示“

[hitoto]

用了几年这个： https://chromewebstore.google.com/detail/json-handle/iahnhfdhidomcpggpaimmmahffihkfnj

[xiaozirun]

@loggerhead #56 我觉得这是一个很棒的功能，虽然不知道实际需求多大，但从开发角度实现这样功能蛮有意思的，实际操作可以类似于 VSCode 中对 dart 代码的快捷操作：Remote this Widget 、Swap this parent ，类似在 json 的嵌套结构里也可以有类似操作。

[waler]

可以支持 jsonpath 命令进行筛选么

[loggerhead]

@Highlight1024 这样么，这是真想不到……

[loggerhead]

@hitoto 对的，我之前也用它

[loggerhead]

@waler 感谢建议~ 有考虑做，不过没想好它和直接按关键字搜索比较，优势在哪，所以还没动手

[loggerhead]

@xiaozirun 嗯嗯，我先了解了解 Remote this Widget 、Swap this parent 这两个功能，从来没用过。主要是我想不到有啥场景会需要调整 json 结构，而不是按 key 进行排序

[xiaozirun]

@loggerhead #93 大概是这样的，就是右键点击一个花括号后，对花括号包裹的数据进行整体的操作，例如右键点击花括号后选择删除整个花括号包裹的内容，又或者选择仅删除花括号，来将数据移至父级，这样的功能目的是快捷和减少失误，特别是在数据比较多时，你不需要将鼠标拉到另外一个花括号，这是刚刚看到拖拽想到 dart 嵌套结构的快捷操作，但是这个需求可能不是很广，希望对你有帮助。

[VERT1GO]

无知的我先进来看看什么叫 json 可视化

[loggerhead]

@xiaozirun 感谢，明白啦。感觉实现起来不是很困难，可以考虑加上去。我也怀疑它需求有多大，不过它可以用来“炫技”、突出差异化，做起来也有意思，还是蛮好的。

[loggerhead]

@lasuar AI 实现具体是指哪个产品？我看蛮多人有需求，打算在 JSON For You 中进行支持。不过需要先调研一下，看要不要集成 AI ，还是通过算法来做

[lasuar]

提示词： [贴出 JSON] ，帮我转成 xx 语言结构体

[loggerhead]

@lasuar 哦哦，明白了。你感觉现在 AI 的能力怎么样？大部分情况下生成的结构体能直接用，或者稍微改改就能用么？

[lasuar]

@loggerhead #99 这么简单的场景，基本是 100%可用的