PostJSON 工具①:JSON 格式化——粘贴、点一下,乱 JSON 立刻变树

PostJSON 工具①:JSON 格式化——粘贴、点一下,乱 JSON 立刻变树

一句话:左边粘 JSON,右边自动展开成可折叠的树,还能压缩、转义、转 Unicode、转 GET 参数,全程本地不联网上传。

直接用:postjson.com/zh/tool/json-formatter | 英文版:postjson.com/en/tool/json-formatter | 免费、无需登录

JSON 格式化实拍:示例数据格式化 + 右侧树形预览
实拍:点「示例」灌数据,点「格式化」即排版,右侧树可逐层折叠(本地 5173 截屏)

这是什么工具

每个跟接口打交道的人都经历过:后端甩过来一行 5 万字符的 JSON,密度大到眼花;或者日志里 {"name":"\u5f20\u4e09"} 全是 \u 转义,根本没法读。

PostJSON 的 JSON 格式化工具就干这事:左边编辑器粘进去,右边实时展开成树,哪一层想看点哪一层。编辑器是 CodeMirror 内核:JSON 高亮、行号、括号匹配、代码折叠、撤销重做全有,写错一个逗号,右边直接红字报出错误信息。

功能清单(按源码逐个过)

1. 格式化 / 压缩:一键排版,也一键压扁

  • 格式化:2 空格缩进展开,人读;
  • 压缩:压成一行,机器读(贴请求体、省流量时用)。

2. 转义 / 去除转义:字符串里套 JSON 的救星

接口里常见的”字符串包 JSON”(引号全被 \" 转义):点去除转义还原,改完再点转义塞回去。来回倒腾过的人都懂这俩按钮的含金量。

3. Unicode 转中文 / 中文转 Unicode

"\u5f20\u4e09" 点一下变”张三”,中文贴进某些只认 ASCII 的系统前先转 \u。日志可读性和系统兼容,一键两头跑。

4. 转 GET 参数:调接口专用

把 {"page":1,"size":20} 变成 page=1&size=20。拼调试 URL、写 curl 的时候省一次手敲。

5. 树形预览:折叠到任意层

右侧树支持折叠 1–5 层、全部折叠/展开,超长文本自动截断(可一键展开/收起)。几 MB 的大 JSON,先折叠到 1 层看骨架,再逐层钻进去,比全文搜索快得多。

6. 多标签 + 自动保存:JSON 1、JSON 2……

对比两个接口返回?开两个标签页,来回切。内容存 localStorage,关掉浏览器再回来还在。

7. 左右分栏可拖 + 中英双语 + 示例一键填

中间分隔条拖着走(编辑区最大 80%);右上角切英文版;空手来先点示例灌一份标准数据试手感。

怎么使用(三步)

  1. 打开 postjson.com/zh/tool/json-formatter;
  2. 左边粘 JSON(或点”示例”先看效果),右边自动成树,报错会红字提示位置;
  3. 按需点工具栏:格式化排版 → 复制走人;要调接口就转 GET 参数;中文乱码就 Unicode 转中文。

为什么放本地跑

格式化全在浏览器里算,你的 JSON 不经过任何服务器(站内所有工具都这原则)。生产环境的 token、用户数据,贴得放心。

下一篇预告

本系列共 52 期,这是第 1 期。下一篇写 JSON 转结构体(JSON 粘进去,Go/Python/Java struct 直接出来,调接口定义模型时用)。工具直达:postjson.com。

Comments

No comments yet. Why don’t you start the discussion?

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注