免费 HTML、CSS 与 JavaScript 美化器
粘贴挤在一起的 HTML、CSS 或 JavaScript，即时得到可读缩进。使用浏览器内的 js-beautify；HTML 压缩请用 HTML 压缩工具。
Loading…
如何使用
- 1
打开代码美化器
格式化 HTML、CSS 或 JavaScript 便于阅读或评审。
- 2
选择语言与缩进
选择 HTML、CSS 或 JavaScript 及缩进方式。
- 3
复制格式化结果
将输出复制到项目或文档中。
要点
| 可离线？ | 是，js-beautify 仅在本标签页运行。 |
|---|---|
| 会上传吗？ | 不会，代码留在本机。 |
| 与 HTML 压缩工具区别？ | 压缩用 HTML 压缩；本工具负责 HTML/CSS/JS 美化。 |
| TypeScript 或 JSX？ | JavaScript 模式可处理许多 JSX；严格 TS 可能需要专用格式化器。 |
典型用途
- 浏览器内美化 HTML、CSS、JavaScript，2/4 空格或 Tab 缩进，复制输出，不上传。
- 可离线？: 是，js-beautify 仅在本标签页运行。
- 会上传吗？: 不会，代码留在本机。
- 与 HTML 压缩工具区别？: 压缩用 HTML 压缩；本工具负责 HTML/CSS/JS 美化。
- TypeScript 或 JSX？: JavaScript 模式可处理许多 JSX；严格 TS 可能需要专用格式化器。
常见问题
会校验语法吗？▾
以宽松方式排版；错误代码可能仍不美观，请先在编辑器中修复。
能压缩吗？▾
不能，HTML 压缩请用 HTML 压缩工具。
HTML 内嵌 CSS？▾
HTML 模式格式化整页；内嵌 style 块可切到 CSS 模式细调。
会改变运行行为吗？▾
合法代码仅改空白；上线前请再检查。
大文件？▾
超大输入可能变慢，必要时请拆分文件。
离线可用？▾
页面加载后无需网络即可格式化。