JSON 1 (原始数据)
请输入有效的JSON
JSON 2 (修改后数据)
请输入有效的JSON
功能使用说明
基础操作
- 在文本视图中输入或粘贴JSON数据,系统会自动验证格式
- 点击"格式化"按钮可美化JSON代码,提高可读性
- 点击"加载示例"可快速填充演示数据,了解工具功能
- 点击"对比JSON"按钮可对两个JSON进行完整对比
树形视图功能
- 树形视图默认全部展开,可清晰查看JSON层级结构
- 使用"全部展开/折叠"按钮可快速控制所有节点显示状态
- 点击任意节点可选中,选中节点会显示浅蓝色背景
- 右键点击节点可弹出菜单,支持复制值、复制路径和对比节点
对比功能
- 完整对比:点击"对比JSON"按钮,比较两个JSON的所有差异
- 局部对比:选中节点后点击"对比此路径",只比较该节点及其子节点
- 差异结果分为三类:新增(绿色)、删除(黄色)、修改(红色)
- 点击结果表格中的行,可在树形视图中定位到对应节点
复制功能
- 复制值:复制选中节点的完整内容,对象/数组会格式化为JSON
- 复制路径:复制节点在JSON中的完整路径,如"users[0].details.age"
- 复制结果:将对比结果表格内容复制为文本格式,便于分享
- 所有复制操作都会有成功提示,确保操作有效
使用技巧
处理大型JSON时,建议使用树形视图进行局部对比,提高效率
对比结果中的路径可直接用于定位相关节点,便于查看上下文
切换深色/浅色主题可根据使用环境调整,保护视力