JSON Editor Online – 浏览器里改 JSON 的编辑器与对比工具

JSON Editor Online – 浏览器里改 JSON 的编辑器与对比工具

JSON Editor Online
JSON Editor Online 是一个调接口时用来格式化、对比与修 JSON 的在线编辑器。
网站&在线应用

简介

JSON Editor Online 是一个在浏览器里打开的 JSON 编辑器,粘进一段压缩过的接口返回,它立刻摊开给你看。它替代的是「编辑器里开个临时文件、再找一个在线格式化站、换个站做 diff」这条来回切换的路子:前端调接口查字段、后端看日志找错行、测试比对两份响应,一个页面里就能做完,不用装东西、不用注册。

界面是左右两个面板,每个面板能开一份不同文档,面板内可切文本、树形、表格三种视图。能力覆盖格式化、查询与转换、两份文档的差异对比、坏 JSON 修复、JSON Schema 校验、CSV 与 JSON 互转,单个文档上限 512 MB;作者 Jos de Jong 从 2011 年起维护,当前版本 7.15.1。定价结构简单:编辑功能全部免费,去广告 2 美元/月,云端私有文档 5 美元/月。

适用人群

最适合天天和接口返回、日志、配置文件打交道的人:一段几百 KB 的响应要找出某个字段在第几层、两份返回差在哪、坏掉的 JSON 要救回来,用它比在编辑器里翻页快得多,免费档就够。只是偶尔格式化一下、或者已经把格式化与 diff 塞进编辑器插件和 CI 的人,不必注册也不必买订阅;订阅只解决去广告与云端私有存储两件事。要拿它当团队共享的 JSON 存放点,得先接受公开文档凭 id 谁都能打开这条规则。

优缺点

  • ✅ 文本、树形、表格三种视图随时切换,同一份文档既能看原始缩进,也能摊成可排序的行列。
  • ✅ 对比是数据级的:忽略缩进与键顺序,只报真正变了的值,数组里插入和删除的项也能认出来。
  • ✅ 坏 JSON 能救:日志里的按行 JSON、少了引号的 JS 对象、Mongo 的 NumberLong 与 ISODate,粘进去多半能自动修好。
  • ✅ 校验跑 Ajv 的 JSON Schema,问题逐条列在底部,点一条直接跳到文档里对应的位置。
  • ❌ 免费档带广告与第三方跟踪 cookie,去掉要 2 美元/月,按年付 24 美元。
  • ❌ 云端私有文档只在 5 美元/月档,单份 1 MB、总量 1 GB;公开文档凭 id 谁都能看,敏感数据不能放进去。

使用方法

  1. 起步门槛:打开就能用,不注册、不登录也能粘贴、格式化与比对;要把文档存到云端、去掉广告,才需要账号与订阅。
  2. 核心动线:左边面板放原始 JSON,右边开另一份要对比的文档,点两面板之间的 Compare;文本模式用 Format 或 Smart Format 排缩进,切 tree 模式看层级,切 table 模式把对象数组摊成网格。
  3. 进阶落地:Transformation 弹窗里用 JMESPath 写一行查询把大数组筛成想要的字段,复杂逻辑换 JavaScript 加 Lodash,不熟语法就用 Wizard 的下拉框点选生成;处理完用 Copy 的格式化或压缩两种方式导出粘回项目,也可以导出 CSV 直接进表格工具,再拿 JSON Schema 卡一遍结构。
  4. 限制注意:单份文档上限 512 MB,超了得先切分;免费档的公开云文档单份 1 MB 且凭 id 谁都能打开,敏感数据只能存本地或升级到私有档;想离线用得先在 Chrome 里安装成应用,装过之后断网才能打开。

收费说明

结论:编辑器完全免费,编辑、格式化、对比、校验与 CSV 互转都不收费,不限商用也不设额度;付费只买两件附加品。去广告档 2 美元/月,按年付 24 美元/年,换掉页面上的广告与跟踪 cookie;开发者档 5 美元/月,按年付 60 美元/年,在去广告之外再给云端私有文档,单份上限 1 MB、总量 1 GB。三档都能按月、季度或年结算,订阅随时可取消,取消后私有文档仍能打开但不能继续编辑。免费档的代价是广告与第三方跟踪 cookie,公开云文档单份 1 MB 且凭 id 谁都能访问,敏感数据要么存本地要么升到付费档。

平台支持

形态是网站与在线应用:浏览器打开就能用,没有要装的桌面客户端,也没有独立的手机 App,移动端浏览器用同一套界面,只是双面板与表格模式在小屏上比较挤,手机上更适合临时看一眼。国内可直连打开,不强制 Google 或 Apple 账号登录。它做了 PWA,在 Chrome 里安装一次之后断网也能打开,这是它顶替桌面编辑器的办法。没有公开 API、没有命令行工具、不支持自托管,要接进自己的流程只能靠导出的 JSON 或 CSV 再喂给脚本;页面带第三方广告与跟踪脚本,国内首屏偶尔慢半拍,编辑器本身不受影响。


截图

JSON Editor Online

相关链接


功能标签


特色

★
双面板各开一份文档
左右两个面板各自独立加载一份 JSON,可以把原始返回放左边、处理结果放右边,转换、对比与复制都在这两个面板之间完成,不必开两个标签页互相粘贴。
★
下拉式查询生成器
Transform 弹窗带一个 Wizard,读一遍文档结构后把可选的字段、排序键做成下拉框,点选即得到 JMESPath 或 JavaScript 查询语句,不熟语法也能把嵌套数组筛成自己要的形状。
★
表格视图摊平嵌套
table 模式把对象数组渲染成网格,可按列排序、逐格改值,还能把嵌套属性拆成独立列,或让嵌套内容内联显示、点开弹窗再看,适合核对一批结构相同的记录。
★
多路载入与导出
数据可以从剪贴板、拖放、磁盘文件和 URL 直接读入,也能存回磁盘、通过链接分享或导出成 CSV,反过来还能把 CSV 导入成 JSON,省掉另写一段转换脚本。
★
大文档的导航
单份文档可开到 512 MB,文本模式配 Expand All 与 Collapse All 两个按钮加搜索框,能在几万行里先折叠再逐层展开,定位到出问题的那个节点。
★
装成浏览器应用
在 Chrome 里点一次安装就变成带桌面图标的独立窗口,装过之后断网也能打开继续改本地数据,适合内网或临时没网的环境。

替代方案

■开发者工具
◆
IT-Tools
IT-Tools 是一个免登录即用的开发者小工具箱,适合把转码、哈希、正则校验这类零碎活一次做完。
◆
LiveCodes
LiveCodes 是一个免装环境的浏览器代码沙箱,适合写教程、做演示和随手验证代码片段。
◆
JDoodle
JDoodle 是免装环境的在线编程环境,适合临时跑代码、教学布置与产品内嵌运行。
◆
OneCompiler
OneCompiler 是免安装、在浏览器里写代码跑程序的在线编译器,适合随时验证代码片段与语法。
◆
DevToys
DevToys 是给开发者在本机离线处理 JSON、Base64、JWT 等杂活的工具箱客户端。
网站反馈表单
关注我们

公众号二维码

公众号

公众号二维码

小程序

反馈

网站无法访问了?向我们反馈!
点击下面的 反馈 按钮即可让我们知道!感谢!

为了阻止机器人发送垃圾信息,记得点击验证。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享