DevToolPal
简

JSON 树形编辑器

把 JSON 显示成可折叠的树,直接修改键、值和类型,JSON 文本同步更新。

本地处理,不上传

选项

缩进

JSON

0 字符 · 0 B

树形视图

结果会显示在这里

工具简介

JSON 树形编辑器把 JSON 文档显示成一棵可折叠的树,可以直接浏览和编辑。不用再在长长的文本里找漏掉的逗号,只要在小输入框里改值,工具就会帮你重新生成合法的 JSON。

它适合处理配置文件、接口返回数据、测试数据和多语言翻译文件,也就是那些需要先看清结构、再做几处精确修改的场景。

使用方法

  1. 把 JSON 粘贴到左侧输入框,或载入示例。
  2. 浏览树形结构。点击对象或数组旁的箭头可以展开或收起,用 默认展开层数 选择初始展开的深度。
  3. 直接编辑:
    • 点击键名可以改名,键在对象中的位置保持不变。
    • 点击字符串或数字可以修改,布尔值有 true 和 false 的下拉选择。
    • 每一行右侧的类型菜单可以把值转换成其他 JSON 类型。
    • 点 + 给对象或数组添加子项,点 × 删除节点。
  4. 按回车或点击别处生效,按 Esc 取消修改。
  5. 从左侧输入框复制更新后的 JSON,格式由 缩进 选项决定。

路径

选中某一行时会显示它的 JSONPath 风格路径,例如 $.author.name 或 $.keywords[2],并可一键复制。不是普通标识符的键会加引号,例如 $["first name"]。编写读取同一字段的代码或查询时很有用,比如 jq、JavaScript 可选链或数据库的 JSON 函数。

安全编辑

编辑不会产生不合法的 JSON。如果某个修改无法完成,比如把键改成已存在的名字,或者在数字里输入字母,工具会在树上方给出提示,文档保持不变。

如果左侧的 JSON 有语法错误,树形视图会换成错误信息并标出行号和列号,修正文本后就能继续编辑。

常见问题

› 树里的修改会保存到 JSON 文本吗?

会。树里的每一次修改都会立即写回左侧的 JSON,并按你选择的缩进格式化,随时可以复制或下载。

› 怎么添加或删除节点?

在对象或数组那一行点加号可以追加子项,在任意一行点叉号可以删除。新增的对象成员会得到 key、key2 这样的占位键名,可以再改名。

› 改变类型时会发生什么?

工具会尽量保留原有内容。数字转成字符串会变成对应的文本,数组转成对象会以下标作为键,对象转成数组会保留所有值。

› 我的 JSON 会被上传吗?

不会,解析和编辑都在浏览器里完成。