JSON 在线格式化工具

数据转换 完全免费 🔒 本地处理不上传 🕘 历史记录 📥 离线可用 🌙 支持黑夜模式

接口返回的 JSON 又长又乱?把它粘进来——一键格式化美化、压缩成一行、校验语法并精确提示错误所在的行列,还能做转义与反转义,方便在代码里拼字符串。

类别程序员 · 数据格式
运行方式纯前端 · 离线运行
解析引擎JavaScript JSON(与浏览器一致)
数据存储仅本地 localStorage,不上传服务器

🧩 在线处理

格式化时使用的缩进宽度
粘贴 JSON 后点击「格式化」

🕘 处理历史

本地保存最近 20 条,点击可恢复

核心特性

格式化美化,带语法高亮
压缩成一行,减小体积
语法校验,错误定位到行与列
2 / 4 空格缩进可切换
转义 / 反转义随手切换
结果一键复制
本地历史记录,最近 20 条
支持黑夜模式与离线使用

为什么需要在线 JSON 格式化工具?

接口联调、排查日志、看配置文件时,拿到的 JSON 往往是一大坨没有换行的文本,人眼几乎无法阅读。JSON 在线格式化的作用就是把它重新排版:按层级缩进、给键值上色、把数组一项行,结构一目了然。

除了好看,更重要的是校验。JSON 对语法极其严格:多一个逗号、少一个引号、用了单引号或注释,都会直接解析失败。本工具会在出错时给出具体的行列位置,比浏览器控制台里干巴巴的「Unexpected token」好定位得多。

所有解析、格式化、压缩、转义都在你的浏览器内完成,粘贴的内容不会上传到服务器,处理含密钥、内网地址的配置也能放心使用。

怎么用

  1. 粘贴 JSON
    把要处理的 JSON 文本贴进左侧输入框,或点击「🎲 示例」先看看效果。
  2. 格式化美化
    点击「✨ 格式化」按缩进展示,右上角可切换 2 空格或 4 空格缩进;结果带语法高亮。
  3. 压缩体积
    点击「🗜️ 压缩」把 JSON 压成单行,适合塞进 URL、Header 或配置文件。
  4. 校验语法
    点击「✅ 校验」确认 JSON 是否合法;不合法时状态条会提示错误内容与行列位置。
  5. 转义与反转义
    「🔒 转义」把文本变成 JSON 字符串字面量;「🔓 反转义」把字符串字面量还原为文本。
  6. 复制与复用
    点击「📋 复制」拿走结果;处理过的内容会存进「🕘 处理历史」,点击即可恢复。

使用技巧

  • JSON 不支持注释、单引号字符串和结尾多余逗号,出现这些会直接报错。
  • 字符串里的双引号要写成 \",换行要写成 \n,否则解析失败。
  • 报错提示的「行、列」是相对原始文本的位置,直接从那一行找即可。
  • 要把 JSON 塞进代码字符串时用「转义」;反过来拿到 {\"a\":1} 这类内容用「反转义」。
  • 超大的 JSON 建议先裁剪出最小片段再调试,定位问题更快。

更新记录

  • v1.0 2026-08-31 首次上线:格式化(2/4 空格)、压缩、校验与错误行列定位、转义反转义、语法高亮、处理历史。

常见问题

这个工具会把我粘贴的 JSON 上传吗?
不会。格式化、压缩、校验、转义全部在浏览器内用原生 JSON 引擎完成,文本不会发送到任何服务器。唯一在本地保存的是「处理历史」,存放在浏览器 localStorage 中,清空浏览器数据即会消失。
为什么我的 JSON 提示语法错误?
常见原因有:结尾多了逗号、用了单引号、键或字符串没加双引号、写了注释、数字带前导零或 NaN。JSON 标准比 JavaScript 对象字面量严格,按提示的行列位置检查即可。
格式化结果里为什么有些 <code>\u4e2d</code> 之类的字符?
这是 JSON 的 Unicode 转义形式,与中文等价,只是显示方式不同。如果需要可读的中文,请确认输入本身就是中文字符而不是已经转义过的内容。
压缩和格式化的结果内容一样吗?
完全一样,只是排列方式不同。压缩去掉所有不必要的空白,体积更小;格式化加上缩进与换行,便于阅读。两者语义等价,可以随意互转。
支持处理多大的 JSON?
没有硬性限制,但过大的文本(如数十 MB)会受浏览器内存与渲染性能影响。建议只在需要时处理必要片段,超大文件用命令行工具更合适。
「转义」和「反转义」分别用在哪?
「转义」把普通文本变成可以嵌入 JSON / 代码的字符串字面量(带双引号、内部转义);「反转义」把这类字符串字面量还原成原始文本。拼接接口报文时尤其实用。

💬 留言板 0

全部留言需审核通过后展示
💬

还没有留言,来抢沙发吧!

✍️ 说点什么
0 / 500
图形验证码