反馈途径·目前大家有任务反馈可以直接发我邮箱:lyfs814@163.com陆续上线高价值工具,敬请期待! 欢迎使用蜗牛工具箱·新工具持续上线中,欢迎收藏关注。如有建议欢迎反馈! 反馈途径·目前大家有任务反馈可以直接发我邮箱:lyfs814@163.com陆续上线高价值工具,敬请期待! 欢迎使用蜗牛工具箱·新工具持续上线中,欢迎收藏关注。如有建议欢迎反馈!
v1.0 · 已上线中英双语纯客户端

JSON 格式化JSON Formatter

把压缩的 JSON 一键美化、校验、转义,调试 API、检查配置文件、阅读 K8s manifest 更快。文件全程不上传。

本周使用—·收藏1,247·版本v1.0.0·最后更新3 天前·完全免费
缩进
·字符185
输入UTF-8 · 1 行
输出缩进 2 · UTF-8
// 美化结果会显示在这里…
·
执行

工具介绍

3 段详细说明

JSON 格式化是面向开发者的一站式 JSON 处理工具,集美化、压缩、校验、Unicode 转义、JSONC 去注释五大功能于一体。你可以直接把 API 返回、配置文件、K8s manifest 粘贴进来,一键得到可读的格式化结果。

所有解析都在浏览器内存中完成,文件不上传任何服务器。基于浏览器原生 JSON.parse / JSON.stringify,零依赖、零打包,1 MB 以内解析几乎瞬时(< 100ms)。

相比 VSCode 等编辑器格式化,本工具无需安装、打开网页即用,适合临时调试、代码评审、跨设备同步等场景。支持 ⌘+↵ 快捷键执行、复制一键带走。

基础知识 · JSON 语法

RFC 8259 · 6 种类型

JSON(JavaScript Object Notation)是与语言无关的轻量数据交换格式。按 RFC 8259 定义,JSON 的「值」只能是以下 6 种类型之一,缺一不可、超出即非法:

1types六种数据类型
值只能是 string / number / object / array / boolean / null 这 6 种。不支持undefined、function、Date、Symbol、BigInt 等 JS 特有类型。
2key quotes键必须双引号
{"name": "蜗牛"} 合法;JS 对象字面量 {name: '蜗牛'} 非法。JSON 是数据交换格式,不是 JS 对象字面量,单引号、无引号都报错。
3string quotes字符串必须双引号
单引号 '蜗牛'、反引号 `蜗牛` 都不允许;字符串内部必须转义:\"、\\、\n、\t、\uXXXX(十六进制 Unicode)。
4no comment不支持注释 / 尾随逗号
// 单行 和 /* 多行 */ 注释都非法;[1, 2, 3,] 末尾多余的逗号也报错(IE 旧版、JSON5 才支持)。需要注释请配合本工具的「去注释」功能先清洗。
5number合法数字
整数、小数、负数都支持;不能有前导 0(007 非法)。科学计数法 1.5e10 合法;undefined / NaN / Infinity 都不是合法 JSON 数字。
6object vs array对象 vs 数组
对象 { ... } 是无序键值对集合(key 必须唯一、强制为字符串);数组 [ ... ] 是有序值列表(值可重复、类型不限)。两者可任意嵌套组合,构成完整的 JSON 树形结构。
JSON 路径速记
在结构化数据中定位字段,推荐用 JSONPath(类 XPath 的「安全路径」语法),取代 JS 原生 .a.b.c 写法(遇到含空格、中文、特殊符号的 key 时直接报错):
$.name —— 取根对象的 name 字段。
$.users[0].name —— 取 users 数组第 0 项的 name。
$.users[*].id —— 把 users 数组每一项的 id 都取出来(通配)。
$..price —— 递归遍历整棵树,找出任意层级所有名叫 price 的字段(深度搜索)。
JSON 解析错误信息中的位置 N 是按字节偏移计数,与行列号需要换算(本工具的友好提示会自动给出「第 X 行 第 Y 列」定位)。

使用说明

4 步快速入门
1
粘贴 JSON
把待处理的 JSON 文本贴到左侧输入框,或点击「示例」一键填充
2
选缩进
顶部工具栏切换 2 / 4 空格或 Tab,立即生效
3
点执行
点击「执行」或按 ⌘+↵,右侧立即显示美化结果,错误时给出红字提示
4
复制带走
点「复制」按钮一键复制结果,或直接 Ctrl/Cmd+C 选区复制

使用场景

5 个真实案例
01调试 API

粘贴接口返回的 JSON,一键美化查看数据结构,快速定位异常字段。

02学习 JSON 语法

点击示例填充,新手对照理解对象 / 数组 / 嵌套结构,每行层级清晰。

03检查配置文件

.prettierrc / package.json / tsconfig.json 等配置文件粘贴检查语法正确性。

04测试 Mock 数据

手工构造 JSON 测试数据,美化确认无误后再压缩为单行,粘贴到代码中使用。

05K8s manifest / Docker compose 调试

YAML 转 JSON 调试容器编排配置,对比 helm template 输出与实际部署差异。

常见问题

10 个问答
JSON 格式化是什么?有什么用?

把压缩的单行 JSON(如 API 返回、配置文件)转成多行缩进格式,方便阅读和调试。也支持反向压缩、Unicode 转义、JSON 校验。

我的 JSON 数据会上传到服务器吗?

不会。所有解析在浏览器内存中完成,输入内容不上传任何服务器。可断网使用、关闭网络后再打开仍能正常使用。

支持多大的 JSON 文件?

建议 ≤ 10 MB。原生 JSON.parse 在 1 MB 以内几乎瞬时(<100ms),5 MB 大约 200-500ms。M2 将引入流式解析支持更大文件。

错误位置如何定位?

解析失败时,输出区会给出友好提示(第 X 行 第 Y 列 + 出错原因 + 💡修复建议),输入区会自动选中出错字符、红框标出错误行并滚动到位,不用自己数偏移量。

与 VSCode 等编辑器的格式化区别?

编辑器格式化需要打开本地文件、配置 Prettier 等工具;本工具无需安装、打开网页即可用,适合临时调试 API 返回值、复制粘贴场景。

移动端能用吗?

支持。移动端输入/输出自动垂直堆叠,操作按钮自适应布局。手机上可粘贴微信 / 飞书里收到的 JSON,一键美化。

离线能用吗?

能。PWA 已上线,首次访问后浏览器会缓存所有资源,断网后仍可使用。M2 将发布桌面应用支持完全离线 + 系统集成。

JSON 嵌套层级有限制吗?

无硬性限制。原生解析支持任意深度,但浏览器渲染层可能在大屏上对 100+ 层级做截断。极端场景(500+ 层)建议使用 JSONPath 查询工具。

支持 JSON5 / JSONC 吗?

支持 JSONC:点击「去注释」按钮可剥离 // 与 /* 多行 */ 注释及尾逗号后再格式化(注释不会保留在输出中)。如需完整 JSON5 支持(无引号 key 等),请使用专门的 JSON5 格式化工具。

输出结果可以一键复制吗?

可以。点击「复制」按钮即可把美化结果复制到剪贴板,支持 Ctrl/Cmd + C 直接复制输出区选中文本。

相关工具

开发者分类

数据来源

隐私优先
算法:基于浏览器原生 JSON.parse / JSON.stringify,无任何第三方依赖。缩进格式化使用原生字符串方法,无 WASM、无 polyfill。
隐私声明:所有解析均在浏览器内存完成,输入内容不上传任何服务器。本工具不记录任何输入、不埋任何分析点。可断网使用,关闭网络后再打开仍能正常使用。