JSON 查看器

格式化、校验并查看 JSON 文档,支持键排序与折叠展开。

格式化、校验并查看 JSON 文档,支持键排序与折叠展开。 格式化、校验并查看 JSON 文档,支持键排序与折叠展开。

Array

        
    

背景知识

什么是 JSON,为什么要用查看器

JSON(JavaScript Object Notation)是 Web 上最常用的结构化数据交换文本格式:配置文件、API 响应、日志、文档存储几乎都用它。它小、可读、易于机器解析,几乎每个现代服务都会讲它。

原始 JSON 文档几乎不可直接阅读。API 和工具经常输出一整行紧凑文本,因为这才是最短表示。在编辑器里打开这样的文档很难扫读,很难发现括号不匹配,数大括号时容易走神。JSON 查看器通过统一缩进重新输出,让结构一目了然。

关键特性

格式化允许你选择缩进(常用两空格或四空格)并立即重新渲染文档。一些查看器还支持按键名字典序排序,这在比较同一服务的两个负载时极其有用:键按列对齐后,无需按位置匹配就能扫到值差异。统计行显示字节数和节点数,方便在 1 MB 限制的表单里粘贴前知道大小。

查看器也是校验器。用 JSON.parse 解析时会抛出精准的错误,指向第一个非法 token 的行列号,你立刻能看出文档为何加载失败。多数生产工具都在同一位置报错,所以你在这里看到的消息与后端、前端框架或构建流水线报错完全一致。

工作流建议

面对深层嵌套文档时,用折叠/展开控件聚焦顶层,再下钻到你关心的分支,复制所需片段。如果你在调试 API 响应,比较前先排序键,让插入/删除不至于扰乱你的视线。拿不准时,把文档粘贴到新标签,调整格式,把输出当作文档或提交信息的规范版本。

完全使用浏览器原生 JSON.parse 与 JSON.stringify 自研实现。输入数据不会离开浏览器。

常见问题

查看器会保留 JSON 文档里的注释吗?
标准 JSON 不允许注释。如果输入含有 // 或 /* */ 注释,解析器会拒绝;请先删除,或用专用工具把文件转成 JSON5/JSONC。
为什么字节数和从 API 复制的对不上?
字节数是渲染后输出的大小。开启 2 空格美化后输出会变长。如果需要线上传输大小,请使用未缩进模式。
查看器能处理很大的 JSON 文档吗?
可以。查看器在内存中解析整个文档再重新输出,所以实际上限是你浏览器的可用堆(现代笔记本上通常几百 MB 没问题)。GB 级别请考虑流式方案。
排序键会改变文档含义吗?
不会。JSON 对象是无序的键值对集合。排序只改变输出文本,不改变语义。多数解析器都会把键读入哈希表,与顺序无关。
为什么解析器在特定列上提示 Unexpected token?
JSON.parse 报告的是它无法理解的首个 token。给出的行列是该 token 的起点;真正的错误往往在前一个字符(未转义引号、漏逗号或对象末尾多余的逗号)。
我的文档会上传到服务器吗?
不会。所有解析、排序、格式化都通过浏览器原生 JavaScript API 在本地完成,没有上传步骤。