🌐 ZH

🧾 JSON Formatter

为JSON添加缩进使其易于阅读,或压缩为一行。若存在语法错误,会显示精确的位置(行:列)。通过可折叠的树形视图一目了然地了解结构。

指南

了解更多

01

1. Pretty Print与Minify的区别

Pretty print(格式化)是为JSON添加缩进和换行,使其便于人类阅读;minify(压缩)则相反,去除所有不必要的空格和换行以最小化文件体积。开发过程中格式化后的JSON便于调试,而在实际API响应或生产部署时,压缩后的JSON可以减少网络传输量。该工具支持在2个空格、4个空格或制表符之间选择缩进方式,以匹配项目的代码风格约定。

02

2. 精确定位JSON错误位置的方法

JSON.parse()抛出的错误信息在不同浏览器引擎中格式差异很大,往往难以准确判断问题所在位置。该工具内置了一个直接扫描JSON语法(对象、数组、字符串、数字、字面量)的解析器,因此无论在哪种浏览器中打开,都能始终一致地指出问题发生在"第几行、第几列"。这对于快速发现缺少逗号、键未加引号、字符串未闭合等常见错误非常有用。

03

3. 用树形视图理解复杂的JSON结构

深层嵌套的JSON仅凭文本很难分辨哪个括号对应哪个位置。树形视图将对象和数组渲染为可折叠/展开的节点,让你只展开关心的部分查看。点击每个节点旁的复制按钮,可将该值的路径(例如$.tools[1])复制到剪贴板,方便直接粘贴到需要引用该值的代码中。

常见问题

输入的JSON会发送到服务器吗?
不会。解析、格式化和校验全部仅通过浏览器内的JSON.parse()完成,不会调用任何后端接口,敏感的API响应或配置值也能安全查看。
错误信息太简略了,该怎么理解?
会显示类似"位置 3:5 — Expected ',' or '}'"的信息,包含行:列以及期望出现的符号。输入框中也会自动选中对应的那一行,方便直接定位。
更改缩进方式后,已输入的内容会自动改变吗?
只有再次点击"格式化"按钮时,才会按选择的缩进方式(2/4个空格或制表符)重新格式化。仅更改下拉选项本身不会自动生效。
树形视图中的"键数"和"深度"分别是什么意思?
"键数"是整个JSON中对象属性(键)的总数,"深度"是嵌套到最深处的层级数,可作为衡量结构复杂度的参考。