怎么用
- 粘贴代码、拖入文件或点「示例」;语言会按页面预选,也可以改成其他语言。
- 选择格式化或压缩,按需调整缩进、行宽等选项,结果实时出现在右侧。
- 复制或下载结果;出错时点「跳到出错位置」修正后再运行。
压缩会做什么
压缩只改变代码的写法,不改变运行结果。上线前压缩能减少 30%~70% 的体积,加快页面加载;压缩后的代码难以阅读,请保留源码。
| 压缩操作 | JavaScript(Terser) | CSS(CSSO) | HTML / XML / JSON |
|---|---|---|---|
| 删除注释 | ✓ | ✓ | ✓ |
| 删除多余空白和换行 | ✓ | ✓ | ✓ |
| 缩短变量名 | ✓ | — | — |
| 合并重复规则、简写颜色 | — | ✓ | — |
| 删除死代码、常量折叠 | ✓ | — | — |
| 保留 /*! 版权注释 | 可选 | 可选 | 可选 |
支持的语言与引擎
格式化使用业界通用的开源引擎,结果与 VS Code 等编辑器里的 Prettier 一致,团队可以直接沿用同一套风格。所有引擎都从本站加载、在浏览器里运行。
| 语言 | 格式化 | 压缩 |
|---|---|---|
| HTML | Prettier 3 | ✓ 去注释、合并空白 |
| XML | 迅龙 XML 引擎 | ✓ |
| CSS / SCSS / Less | Prettier 3 | ✓ CSSO 结构优化 |
| JavaScript / TypeScript | Prettier 3(Babel) | ✓ Terser(仅 JavaScript) |
| JSON | Prettier 3 | ✓ 大数字不丢精度 |
| YAML | Prettier 3 | —(保留注释) |
| SQL | sql-formatter(14 种方言) | — |
常见问题
压缩后代码还能正常运行吗?
Terser 是 webpack、Vite 等构建工具默认使用的压缩器,只做不改变行为的变换。依赖函数名(如 fn.name)或用 eval 访问局部变量的代码,请关闭「缩短变量名」。
能压缩 TypeScript 吗?
不能直接压缩,需要先编译成 JavaScript。
代码会上传到服务器吗?
不会。格式化引擎从本站下载到你的浏览器后在本地运行,代码不经过我们或任何第三方的服务器,适合处理公司内部代码和配置。
能处理多大的文件?
单个文件最多 5 MB;超过 300 KB 时不会边输入边处理,点按钮再运行,避免浏览器卡顿。