这个工具能干什么

JS 代码压缩

用 Terser 引擎把你的 Javascript 代码压缩到最小。去掉注释、空格、换行，变量名也会被缩短，但代码逻辑完全不变。跟 webpack 生产环境打包用的是同一套东西。

代码格式化 / 美化

拿到一段压缩过的代码看不懂？把它贴进来点"格式化"，自动加上缩进和换行，代码结构一目了然。用的 js-beautify 库，格式化效果很稳定。

本地处理不上传

代码压缩和格式化全部在你的浏览器里完成，不会经过任何服务器。你的代码只有你自己能看到，商业项目也可以放心用。

免费不限次数

不需要注册，不需要登录，也没有每天只能用几次的限制。打开页面就能用，用完关掉就行。

怎么用

1

粘贴代码

把你要压缩的 JS 代码复制粘贴到上面的"输入代码"框里。不管是几行还是几千行都行。

2

点击按钮

想压缩就点"压缩"，想把压缩过的代码还原成可读格式就点"格式化"。处理通常瞬间完成。

3

复制走人

结果会显示在下面的输出框，同时会展示压缩前后的体积对比。点"复制结果"就能直接粘贴到你的项目里。

哪些场景用得上

前端项目部署

上线前把 JS 文件压缩一下，页面加载能快不少。特别是没有用构建工具的项目，手动压一下很方便。

代码调试排查

拿到一段压缩过的代码想看看逻辑？用格式化功能还原成可读代码，排查问题方便多了。

小程序 / H5 优化

小程序和 H5 对包体积敏感，JS 压缩后能减少不少大小，加载速度和用户体验都有提升。

常见问题

压缩后的代码能直接用吗？

可以直接用。Terser 是 webpack 5 默认的 JS 压缩器，大量生产项目都在用它。压缩只是去掉了不影响运行的内容（注释、空白、长变量名），代码逻辑完全不变。

代码会被你们保存吗？

不会。压缩和格式化都在你自己的浏览器里完成，代码不会经过我们的服务器。你可以打开浏览器的开发者工具看网络请求，点压缩的时候不会有任何请求发出。

Terser 是什么？

Terser 是目前最主流的 JavaScript 压缩工具，从 UglifyJS 发展而来，支持 ES6+ 语法。webpack 5、Vite、Rollup 等主流构建工具默认都用它来做代码压缩。

格式化功能是做什么的？

就是把压缩过的"一坨"代码重新加上缩进、换行，变成人能读懂的格式。比如你从别人网站上拷了段压缩过的 JS 想看看怎么实现的，格式化一下就清楚了。

有代码大小限制吗？

没有人为的限制。不过因为是在浏览器里处理，特别大的代码（比如好几 MB 的）可能会慢一些，看你电脑性能。一般几十 KB 到几百 KB 的代码都没问题。

为什么是免费的？

页面上有少量广告来维持运营费用，工具本身不收费。我们就是想做一个好用的在线开发小工具。

在线 JS 压缩 / 格式化

输入代码

输出结果