[送码限 10 个] 全世界最好用的 JSON 可视化工具（大概）

大部分同类网站只支持最常见的校验、格式化、最小化、转义、反转义和树形视图的功能，少部分网站提供了结构化比较。但很少有网站提供 BigInt 比较、文本比较、行内比较、数组差分比较的功能，所以本着“自己动手，丰衣足食”的想法做了 [JSON For You]( https://json4u.cn/)。

经过两年的使用，我发现 [JSON For You]( https://json4u.cn/) 在处理 JSON 数据上虽然足够好用了，但是在查看 JSON 数据上不够方便。比如在遇到复杂的 JSON 结构时，使用 [JSON For You]( https://json4u.cn/) 虽然能快速查看格式化后的文本，但仅仅是文本形式无法让开发者快速了解 JSON 结构。

因此我上线了 [JSON For You]( https://json4u.cn/) 3.0 ，提供了图和表两种可视化方式，对于复杂的 object 类型数据可以通过图快速了解，对于复杂的 array 类型数据则可以通过表快速了解。

- 项目链接： https://github.com/loggerhead/json4u/
- 国内网址（免费）： https://json4u.cn/
- 海外网址（付费）： https://json4u.com/
  - 首年免费券：UZNZQ5NW （能用 10 次）

# 演示

## 使用 jq 快速处理数据

<img src="https://raw.githubusercontent.com/loggerhead/json4u/refs/heads/main/public/example/jq.gif">

## 解析多层嵌套结构

<img src="https://raw.githubusercontent.com/loggerhead/json4u/refs/heads/main/public/example/nest-parse.png">

## 结构化比较

<img src="https://raw.githubusercontent.com/loggerhead/json4u/refs/heads/main/public/example/compare.png">

## 可视化——图

<img src="https://raw.githubusercontent.com/loggerhead/json4u/refs/heads/main/public/example/graph.png">

## 可视化——表

<img src="https://raw.githubusercontent.com/loggerhead/json4u/refs/heads/main/public/example/table.png">

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

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

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

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

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

@fuchaofather +1

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

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

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

很强！支持大佬的作品！