JSON格式化 — 美化、验证与压缩在线工具
JSON 格式化工具,一键格式化、压缩、语法高亮和树形视图。支持键名排序、自定义缩进、行号显示、错误定位。浏览器本地运行。
功能特性
- ✓输入即自动格式化,粘贴即出结果
- ✓语法高亮:键名紫色、字符串绿色、数字蓝色、布尔值琥珀色、null 红色
- ✓可折叠树形视图,展开/折叠节点快速浏览嵌套结构
- ✓实时校验并精确标红错误行号,直接定位问题位置
- ✓键名排序:按字母顺序排列对象键名,统一输出格式
- ✓自定义缩进:2 空格、4 空格或 TAB,匹配项目代码规范
- ✓默认显示行号,调试和对比 diff 时方便定位
- ✓一键压缩 JSON,减小 API 响应体积或嵌入场景使用
- ✓拖拽上传或点击选择文件,支持任意 .json 文件
- ✓一键复制到剪贴板或下载为 .json 文件
- ✓纯浏览器本地处理,断网也能用,数据绝不上传
使用方法
- 1将 JSON 粘贴到左侧编辑区,自动完成格式化。也可以直接拖拽 .json 文件到页面上。
- 2在「格式化」「树视图」「压缩」三个标签间切换,分别对应美化输出、可折叠结构、压缩结果。
- 3点击缩进按钮(2 / 4 / ⇥)切换缩进风格。开启「排序键」让对象键名按字母排列。
- 4JSON 校验失败时,错误行号会变成红色高亮,下方错误提示显示具体行列位置,方便排查。
- 5点击右侧工具栏的复制或下载按钮保存格式化后的 JSON。
- 6在树视图中点击三角箭头展开或折叠嵌套的对象和数组,便于浏览深层结构。
- 7使用上传按钮从设备选择 .json 文件打开,无需手动粘贴。
- 8切换到压缩标签页压缩 JSON 用于生产环境——特别适合减小 API 响应体积。
- 9在任何视图模式(格式化、树视图、压缩)下使用复制按钮获取输出。
常见问题
什么是 JSON 格式化?
∨
JSON 格式化(也叫美化或 pretty-print)会给紧凑的 JSON 数据添加正确的缩进和换行,使其变得可读。大多数 API 返回的 JSON 都经过压缩以节省带宽,这个工具的作用就是还原成人类可读的格式,方便调试和编辑。
我的 JSON 数据会上传到服务器吗?
∨
不会。所有处理完全在浏览器中通过 JavaScript 完成,数据不会离开你的设备,不会经过网络传输,也不会被存储在任何地方。页面加载后甚至可以断网使用。
红色错误行号是什么意思?
∨
当你粘贴了无效 JSON(漏逗号、尾逗号、键名未加引号等),校验器会检测到错误的精确位置。左侧面板对应的行号会变成红色高亮,下方的错误信息会显示具体的行号和列号,帮你快速定位和修复问题。
格式化和压缩有什么区别?
∨
格式化(美化)给 JSON 添加缩进和换行,提高可读性——适合调试、编辑或写文档时使用。压缩则移除所有空白字符,产生最小的输出——适合 API 响应、减小文件体积或在 HTML 属性中嵌入 JSON 的场景。
支持注释和尾逗号吗?
∨
不支持。标准 JSON(RFC 8259)不允许注释(// 或 /* */)和尾逗号。如果输入包含这些内容,校验器会报错。如果需要处理带注释的 JSON(JSONC),建议先去掉注释再粘贴,或使用专门的 JSONC 解析器。
如何复制格式化后的 JSON?
∨
点击右侧工具栏的复制按钮,将完整的格式化结果复制到剪贴板。也可以点击下载按钮保存为 .json 文件。
有文件大小限制吗?
∨
实际限制取决于你设备的可用内存。大多数 5-10 MB 以内的文件在现代浏览器中都能流畅运行。超大文件(50 MB 以上)可能会因为浏览器的渲染限制而变慢。这种情况下建议使用命令行工具如 jq 或 Python 的 json.tool 模块。
手机上能用吗?
∨
能。布局会自动适配小屏幕——输入区和输出区在手机上会上下堆叠排列。包括格式化、树视图、复制、下载在内的所有功能都支持触屏操作。拖拽上传也支持已实现 File API 的移动端浏览器。
如何只复制大型 JSON 的一部分?
∨
在树视图中,右键(移动端长按)任意节点可以只复制该子树。在格式化视图中,用光标选中需要的文本后正常复制。工具栏复制按钮始终复制完整输出。大文件建议先在树视图中导航到相关部分。
什么是「排序键」功能,什么时候使用?
∨
「排序键」会按字母顺序排列 JSON 对象中的所有键名。使用场景:(1)并排对比两个 JSON 文件——排序后差异更清晰;(2)生成一致的输出用于版本控制,防止误 diff;(3)团队编码规范要求字母顺序排列键名。注意:JSON 数组保持原始顺序不变。