代码格式化 - SQL、HTML、CSS、JS、JSON 美化压缩

JSON、JavaScript、CSS、HTML、SQL 五种代码在线美化与压缩，SQL 支持 MySQL、PostgreSQL、SQL Server 等方言，缩进可调

代码格式化 - SQL、HTML、CSS、JS、JSON 美化压缩是什么

从日志里捞出来的一行压缩代码、从数据库导出的单行 JSON、别人发来的没有缩进的 SQL——这些内容要先格式化才看得懂。这个工具支持 JSON、JavaScript、CSS、HTML、SQL 五种语言的美化，其中 SQL 还能选方言，因为 MySQL 与 PostgreSQL 在反引号、类型转换上的写法不一样。

所有计算都在你的浏览器本地完成，输入的内容不会上传到服务器。

怎么用代码格式化 - SQL、HTML、CSS、JS、JSON 美化压缩

先在顶部选语言，输入框会自动填一段该语言的示例，右侧同时给出格式化结果
调缩进宽度，或者切成制表符；改动后右侧会立刻重算，不需要点按钮
选 SQL 时会多出一个方言选项，按你实际用的数据库选，否则反引号与关键字可能被处理得不对
需要压缩体积时勾上「压缩」。这个开关只对 JSON、CSS、HTML 生效，JavaScript 与 SQL 会禁用并说明原因

示例

输入

{"a":1,"b":[1,2]}

输出

{"a": 1, "b": [1, 2]}（每个键单独一行，数组元素各占一行）

缩进 2 空格

常见问题

为什么格式化后的 HTML 和原来的排版差很多？

美化工具会重新决定换行与缩进，不保留你原来的手工排版。它保证的是标签结构与内容不变，视觉上的空行、属性顺序可能被调整。如果这段 HTML 有对空白敏感的地方（比如行内元素之间的空格），压缩前最好先确认。

JSON 报错说解析失败，但看着没问题？

最常见的是尾随逗号（最后一个元素后面多了个逗号）、单引号、以及注释——这三种都不是标准 JSON。另外从网页复制的 JSON 可能带着不可见的全角空格或 BOM。

能格式化 XML 或 YAML 吗？

这个工具不含这两种，站内有单独的 XML 与 YAML 工具处理，那边还带转 JSON 的能力。

小提示

JSON 的「压缩」是真正安全的：走标准序列化，语义完全不变。而 CSS 与 HTML 的压缩会跳过字符串和 pre、textarea、script、style 区域，避免把内容里的空格删掉
JavaScript 不提供压缩。删空白会踩自动分号插入的坑：两行本来靠换行分隔的语句粘成一行后，可能变成完全不同的逻辑。真压缩需要完整的语法树分析
格式化大文件时右侧会有明显延迟，因为每次都重新解析整段代码。上万行的 JSON 建议先用命令行工具处理
SQL 美化会把关键字转成大写，这是可读性上的取舍。如果你们的代码规范要求小写，格式化后再手动调一次会更省事

代码格式化 - SQL、HTML、CSS、JS、JSON 美化压缩