JSON Canvas 一个纯浏览器端的 JSON 可视化编辑工具，所有解析渲染都在本地完成，数据不上传服务器。 在线体验：https://json.nuaapicture.cloud/ 核心特性 1. 双栏联动：源码 ↔ 结构图 • 左侧 CodeMirror 源码编辑，右侧自动布局结构图，同一份数据两种视角 • 双向定位：点图上节点→源码对应行高亮；移动源码光标→图上自动选中 • 分栏可拖拽，源码面板可收起 2. 可视化浏览与操作 • 节点展开/折叠、按分支整棵子树收起 • 双击卡片编辑值，实时同步回源码 • 右键复制键名 / 值 / JSONPath 路径（如 $.user.tags[0]）/ 整个节点 3. 搜索与定位 • 源码搜索：查找、替换、替换全部 • 图上搜索：支持 $.a.b[0] 路径语法，一键定位深层字段 4. 多文档工作区 • 标签页管理多个 JSON，可新建/切换/重命名/关闭（中键快关） • 自动存本地，刷新不丢 5. 导入与导出 • 打开本地 .json、从剪贴板粘贴 • 下载 JSON 文件；整个画布导出 PNG 6. 历史记录与版本对比 • 自动记录历史快照，可回溯/恢复/删除 • 任意两文档或快照 diff，差异标注且可点击跳转 7. 编辑辅助与校验 • 一键格式化 / 压缩 • 实时语法校验（有效 JSON / 语法错误及原因） • 语法高亮、括号匹配、代码折叠、字号可调 8. 统计与外观 • 体积、节点数、对象/数组数、最大嵌套深度 • 深色/浅色主题切换，Geist Mono 等宽字体 快捷键 Ctrl/Cmd+F 查找 · Ctrl/Cmd+H 替换 · Ctrl/Cmd+Shift+V 剪贴板打开 · Ctrl/Cmd+Shift+Backspace 清空 · Ctrl+滚轮 调字号 · 双击卡片编辑值