JavaScript 代码美化器 & 压缩器
使用自定义缩进和大括号样式格式化杂乱的 JavaScript,或缩小文件大小。支持 ES6+。完全在您的浏览器中运行 - 您的代码永远不会离开您的设备。
如何美化与压缩 JavaScript
如何使用这个工具
将 JavaScript 粘贴到输入面板中,从模式选项卡中选择 美化 或 缩小,结果会立即出现。在处理之前调整缩进大小、大括号样式和换行符处理等选项。点击 复制输出 复制到剪贴板,或点击 下载 .js 保存文件。
美化选项解释
- 大括号样式 —
折叠将{保留在同一行(K&R / 标准 JS 风格)。展开将{放在独立新行(Allman 风格)。末尾展开是混合模式,else和catch独立换行。 - 保留换行符 — 将空白行保留在原来的位置。对于使用间距作为逻辑分组的代码很有用。
- JSLint 兼容模式 — 匹配 Douglas Crockford 的 JSLint 强制执行的代码风格,函数表达式的
(前会加一个空格,以及其他细节调整。 - 反转义字符串 — 在安全的情况下,将
\xNN和\uNNNN转义序列还原为字面字符。
缩小选项解释
- 保留 /*! 许可证 */ — 保留以
/*!开头的注释,这是大多数库用于标记 MIT/Apache 版权声明头的惯例,此类注释必须保留在分发代码中。 - 去除末尾分号 — 移除
}前的最后一个;。能节省一个字节,但会使代码差异更难阅读,因此默认关闭。
压缩器有意采取保守策略——仅移除空白符和注释,不会重命名变量、混淆属性名或执行 AST 级别的死代码消除。如需深度优化,请在构建流程中使用 terser 或 esbuild。
由 js-beautify 提供支持
美化器基于 js-beautify 驱动,这是 VS Code、Sublime Text、Atom 以及大多数主流在线格式化工具所使用的同一库。所有操作均在您的浏览器本地运行——无需上传、无需服务器往返、无速率限制。粘贴 500 KB 的压缩包,几毫秒内即可完成格式化。
常问问题
我的 JavaScript 代码是否发送到服务器?
不会。所有美化和压缩操作完全在您的浏览器中进行,使用从 CDN 加载的 js-beautify 库。您的代码永远不会离开您的设备。
美化和压缩有什么区别?
美化会通过适当的缩进和换行来格式化代码,使其更易于阅读。压缩则移除空白符、注释和多余字符,以减小文件大小,适合生产环境部署。
压缩器会重命名变量吗?
不会。本工具仅执行空白符和注释的移除操作,不会重命名变量、混淆标识符或进行 AST 级别的优化。如需这类深度压缩,请在构建流程中使用 Terser、UglifyJS 或 esbuild。
它可以处理 ES6+ 语法吗?
可以。美化器支持现代 JavaScript 语法,包括箭头函数、模板字面量、async/await、类、解构赋值、展开/剩余运算符、可选链和空值合并运算符。
有哪些大括号样式可供选择?
共三种样式:折叠(左大括号与语句同行)、展开(左大括号单独另起一行),以及末尾展开(左大括号与语句同行,但 else 和 catch 另起新行)。