主题
代码格式化/压缩
接口返回一坨挤在一行的 JSON,肉眼根本找不到你要的那个字段。或者要把一段 CSS 压进邮件模板,得先去掉所有换行和空格。

「代码格式化/压缩」填入示例输入后,右侧即时给出结果(图中数据为示例)。在浏览器本地完成、数据不离开浏览器,免费。
格式化:不只是好看
把压缩的 JSON 展开成缩进结构,最直接的价值是能看出层级——哪个字段在哪一层、数组里有几个元素。
但还有一个常被忽略的用途:校验。格式化失败就说明这段 JSON 语法有问题,工具会指出位置。这比在代码里 debug 快得多。
最常见的 JSON 语法错误:
- 尾随逗号:
{"a":1,}—— JS 里合法,JSON 里不合法 - 单引号:JSON 只认双引号
- 注释:JSON 标准不支持
//和/* */ - 未转义的换行:字符串里的真实换行必须写成
\n
支持的语言
JSON、JS、CSS、SCSS、Less、HTML、XML、SQL。
SQL 格式化对读长查询特别有用——把嵌套的子查询和一长串 JOIN 展开成有缩进的结构,逻辑关系立刻清楚。
缩进用 2 还是 4
默认 2 个空格。
- 2 空格:JSON、JS、CSS 的社区惯例,层级深时不至于把行推得太右
- 4 空格:Python 惯例;HTML/XML 层级深时用 4 会很快超出屏幕宽度
没有对错,但同一个项目里保持一致比选哪个更重要。
压缩:省的是传输不是存储
压缩去掉所有可省略的空白。对 JSON 来说通常能减掉 20~40% 的体积。
需要注意:现代 Web 服务器一般都开了 gzip,而 gzip 对重复的空白压缩效率极高。所以在有 gzip 的场景下,手工压缩带来的额外收益比想象中小。
真正需要手工压缩的场景是:内联进 HTML 的样式和脚本、没有 gzip 的环境、以及有长度限制的字段。
浏览器本地处理
代码不上传服务器。处理含密钥、含业务数据的配置文件可以放心。
相关工具
- CSV ⇄ JSON 转换 —— 需要的是格式转换而非排版
- 信息编解码 —— JSON 里嵌了 Base64 或 URL 编码内容时