JavaScript 格式化与压缩工具

使用 Prettier 美化代码，或直接在浏览器中压缩 JavaScript 代码。支持 async/await、可选链、JSX 等现代语法。

免费无需注册客户端运行注重隐私 Updated 6月 10, 2026

行宽单引号分号

JavaScript

输出结果

正在加载 Prettier…

使用方法

1 粘贴你的 JavaScript 代码。
2 选择 Beautify（Prettier 美化）或 Minify（压缩）。
3 自定义行宽、引号样式和分号规则。
4 复制或下载处理后的结果。

为什么使用此工具

基于 Prettier 与 Babel 解析器构建——支持包括 JSX 在内的现代 JavaScript 语法。
按需加载，不影响页面的初始加载速度。
双向支持——既能美化已压缩的代码包，也能压缩你的源代码。
完全在客户端处理——你的代码不会离开浏览器。

常见问题

这个工具支持 TypeScript 吗？

仅部分支持——Babel 解析器可以处理简单的 TS 语法。如需完整的 TypeScript 支持，建议使用专门的 TypeScript 格式化工具。

这个工具能美化已经压缩过的生产环境代码包吗？

可以——但 Prettier 只能格式化代码结构，无法还原已压缩的变量名，变量名仍会保持压缩后的形式。

压缩模式和 Terser 相比如何？

我们的压缩模式比较保守——只会移除注释并合并空白字符，不会重命名标识符，也不进行常量折叠或死代码消除。如需用于生产环境的压缩，请使用 Terser 或 esbuild。

什么是 JavaScript 格式化与压缩工具？

JavaScript Formatter 是一款可在浏览器中直接运行的工具，能够使用 Prettier 美化（beautify）JavaScript 代码，也能对代码进行压缩（minify）。美化模式会重新缩进并按统一、易读的风格规范化代码；压缩模式则用于减小文件体积。该工具支持 async/await、可选链、JSX 等现代语法，且全部处理均在客户端完成，代码不会离开你的设备。

功能特性

Prettier 美化

重新缩进并将代码规范为 Prettier 统一风格，支持 async/await、可选链和 JSX。

Terser 压缩

使用 terser 压缩代码，并查看压缩前后的体积差异。

100% 隐私保护

代码在你的设备本地完成格式化，绝不会被上传。

示例

Input

const f=(a,b)=>{return a+b}

Output

const f = (a, b) => {
  return a + b;
};

常见使用场景

1

整理混乱的 JS 代码

将已压缩或风格不一致的 JavaScript 重新格式化为易读的 Prettier 布局。
2

为生产环境瘦身

在部署前使用 terser 压缩脚本，减小打包体积。
3

评审前统一格式

应用统一的格式，让 diff 只显示真正的改动，而不是空白字符造成的噪音。