编辑器
使用指导
意见反馈
JSONPath 查询
JSON 编辑器
文档列表
暂无保存的文档
9
1
›
{}
Line: 1
Column: 1
JSON 编辑器使用指南
📌 什么是 JSON?
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于阅读和编写,同时也易于机器解析和生成。它广泛用于 Web API 响应、配置文件、数据存储等场景。
{
"name": "示例",
"version": "1.0.0",
"features": ["功能1", "功能2"],
"config": {
"enabled": true,
"timeout": 3000
}
}🚀 快速开始
- 加载示例:点击「加载示例」按钮,快速了解编辑器功能
- 粘贴数据:直接在编辑器中粘贴您的 JSON 数据
- 导入文件:点击「导入」按钮,从本地选择 JSON 文件
💡 典型使用场景
场景1:格式化 API 响应
当您从 API 获取到压缩或混乱的 JSON 数据时:
- 将 API 返回的 JSON 数据粘贴到编辑器
- 点击「格式化」按钮,美化数据结构
- 切换到「树形视图」,直观查看嵌套结构
- 使用搜索功能快速定位目标字段
场景2:验证配置文件
编写或修改配置文件后,验证 JSON 语法是否正确:
- 导入或粘贴您的配置文件
- 底部状态栏实时显示验证结果
- 如有错误,根据提示信息定位并修复
- 确认无误后点击「导出」下载文件
场景3:查看大型数据结构
处理复杂的嵌套数据或数组时:
- 导入大型 JSON 文件
- 使用「树形视图」层层展开查看
- 对于数组数据,切换到「表格视图」便于对比
- 配合搜索功能快速找到目标节点
场景4:准备数据给 API
需要提交 JSON 数据给接口时:
- 使用「加载示例」或手动创建 JSON 结构
- 切换到「代码视图」进行精确编辑
- 点击「验证」确保格式正确
- 点击「复制」将格式化后的内容粘贴到代码中
🛠️ 功能说明
视图模式
- 代码视图:纯文本编辑,适合精确修改
- 树形视图:层级结构,支持展开/折叠节点
- 表格视图:表格展示,适合查看数组数据
编辑工具
- 格式化:美化缩进(2空格)
- 压缩:移除空格生成单行 JSON
- 校验:检查语法,显示错误位置
- 转换:Base64编解码、字符串与JSON互转
文件操作
- 打开:从本地读取 .json 文件
- 导出:下载为 .json 文件
- 复制:一键复制全部内容到剪贴板
- 保存:保存到浏览器本地存储
- 另存为:以新名称保存文档副本
文档管理
- 本地存储:文档保存在浏览器 IndexedDB
- 新建:创建空白文档
- 重命名:修改文档名称
- 删除:移除不需要的文档
比较模式
- 左右对比:并排显示两个文档差异
- 差异高亮:新增/删除/修改内容标记
- 左右互换:一键交换两侧文档
- 单向复制:左侧复制到右侧或反之
⌨️ 快捷键
| 快捷键 | 功能 | 说明 |
|---|---|---|
| Ctrl + S | 保存当前文档 | 已有文档直接更新,新文档弹出保存对话框 |
| Ctrl + C | 复制选中内容 | 无选中时复制全部内容到剪贴板 |
| Ctrl + V | 粘贴内容 | 从剪贴板粘贴到编辑器 |
| Ctrl + Z | 撤销 | 回退上一步操作 |
| Ctrl + Y | 重做 | 恢复已撤销的操作 |
| Ctrl + I | 格式化 | 美化 JSON 缩进 |
| Ctrl + Shift + I | 压缩 | 移除空格生成单行 JSON |
📋 支持的 JSON 类型
- 对象:`{ "key": "value" }`
- 数组:`[1, 2, 3]` 或 `[{...}, {...}]`
- 字符串:`"text"`
- 数字:`123`, `3.14`, `-5`
- 布尔值:`true`, `false`
- 空值:`null`
🔒 隐私说明
所有数据处理都在您的浏览器本地完成,不会上传到任何服务器。导入的文件仅在本地使用,您的数据完全安全。
意见反馈
温馨提示
- 您的反馈将帮助我们改进产品体验
- 反馈内容会匿名保存,保护您的隐私
- 我们会认真阅读每一条反馈
反馈历史
暂无反馈记录
JSONPath 查询轻量 JSONPath 求值器(零依赖),支持递归下降、通配符、切片、并集,并提供数组扁平化与字段裁剪
支持的语法示例
$.users[0].name · $.users[*].name · $..name(递归下降)· .key · [0] · $.list[1:3](切片)· $.list[0,2](并集)· $['key']辅助操作
数组扁平化
将嵌套数组合并为一维数组,可指定扁平深度(留空表示全部展开)。
字段裁剪
仅保留列出的字段(键),对嵌套对象同样生效。
