Minifier

JS / CSS Minifier + Beautifier

粘贴 JavaScript 或 CSS — 按 Minify 移除空白与注释以便上线,或按 Beautify 把混淆 / 单行代码重新缩进成可读格式。自动识别语言,全部在浏览器中运算。

保守。我们移除注释与空白,但 不会 改动标识符(foo 还是 foo)、不会 做 dead-code elimination、不会 重新排序语句。目标是安全、可预测的字节缩减。如果你想要极致压缩,把输出再丢进 Terser 或 esbuild 做最后一道工序。

不会。tokenizer 会识别字符串、template literal、regex 的语法上下文。"..."、'...'、\`...\`、/regex/flags 内部的空白与看似注释的内容都会原样保留。授权 banner 注释(/*! ... */)默认也会保留。

输入
输出

为日常 JS + CSS 开发而生

上线时 Minify、调试时 Beautify — 加上几个让你真正用得开心的小细节。

两种语言、两种转换

JavaScript 或 CSS、Minify 或 Beautify,一个工具搞定。自动识别会从内容线索判断语言,你也可以从 Language 下拉菜单手动覆盖。

保守的 Minify

我们移除注释与空白,但 不会 改动标识符、不会 重新排序、不会 inline。字符串、template literal、regex,以及授权 banner 注释(/*! ... */)会原样保留。输出与原始语义完全一致。

美化混淆 / 压缩过的代码

把单行的 minified bundle 粘贴进来,按 Beautify,得到可读的缩进版本 — 适合审查第三方脚本、调试 production stack trace,或学习别人的优秀代码。

一眼看到体积差

每次 Minify 都显示 bytes-in → bytes-out 差异与节省百分比。CSS bundle 到底有没有变小?一目了然。

保护隐私

你的代码留在你的设备上。tokenizer、minifier、beautifier 全部以 JavaScript 在本地运行。打开 DevTools → Network 即可验证没有任何对外请求。

轻量且快速

纯 JavaScript,无框架运行时。冷启动 gzip 后不到 25 KB。普通笔记本上,200 KB 的 JS bundle 可在 50 毫秒内完成 Minify。

如何 Minify 或 Beautify JS / CSS

从源代码到可上线的输出,三个步骤。

  1. 1

    粘贴你的代码

    把 JavaScript 或 CSS 拖到 Input 面板。工具会自动识别语言 — 如果源代码模糊不清(例如只是片段),也可以从 Language 下拉菜单手动指定。

  2. 2

    选择 Minify 或 Beautify

    按 Minify 移除注释与空白以便上线;按 Beautify 把混淆 / 单行代码展开成正确的缩进格式。每次点击都会即时重跑 — 两边切换比较很方便。

  3. 3

    复制或下载

    用复制图标把结果发送到剪贴板,或用下载图标存为 output.min.js / output.min.css / output.beauty.js / output.beauty.css。体积差(bytes in → out、节省百分比)让你一眼看到实际压缩多少。

为日常 web 开发而生

四种常见场景 — 在这些情况下,浏览器内的隐私优先工具比把代码粘贴到随便的在线 minifier 安全多了。

HTML 邮件或静态网站的 inline 脚本

静态页、事务型邮件模板、嵌入 snippet 经常需要单行 inline 脚本或样式。把可读源代码粘贴进来、Minify、把结果粘到 <style> 或 <script> 标签里 — 完成。

审查不可信的第三方脚本

Vendor pixel、广告 beacon、可疑扩展 — 都以单行 minified 形式发布。粘贴进来、按 Beautify、看清楚它们到底在做什么,再决定要不要嵌入 production。

CMS 主题的快速 CSS 审计

WordPress / Shopify / Ghost / Webflow 的主题往往 CSS 过于臃肿。粘贴 stylesheet、Beautify、扫描重复规则与未使用的 selector。整理完再 Minify 回单行。

不能进云端服务的敏感代码

包含 API key、密钥、业务逻辑的内部脚本 — 任何不能粘贴到云端 minifier 的代码。浏览器内工具让每一个字节都留在你的电脑上。打开 DevTools → Network 验证没有东西外泄。

100% 私密 — 在浏览器中运算

你的代码永远不会离开你的设备。打开 DevTools → Network,Minify 或 Beautify 过程中没有任何对外请求。

  • tokenizer、minifier、beautifier 全部以 JavaScript 在你的机器上运行 — 没有 Terser、没有 esbuild、没有第三方 API。
  • 授权 banner 注释(/*! ... */)默认保留,你不会不小心把开源库授权所要求的署名信息给去掉。
  • 无需登录、不对代码内容埋点。仅使用一个 cookie 记录 cookie 同意状态,以及一个 cookie 记录语言偏好。

相关文章

为 JS / CSS 压缩、代码格式化、bundle 体积管理精选的实用文章。

常见问题

Minifier 压缩到什么程度?

保守。我们移除注释与空白,但 不会 改动标识符(foo 还是 foo)、不会 做 dead-code elimination、不会 重新排序语句。目标是安全、可预测的字节缩减。如果你想要极致压缩,把输出再丢进 Terser 或 esbuild 做最后一道工序。

我的字符串、template literal、regex 会出问题吗?

不会。tokenizer 会识别字符串、template literal、regex 的语法上下文。"..."、'...'、\`...\`、/regex/flags 内部的空白与看似注释的内容都会原样保留。授权 banner 注释(/*! ... */)默认也会保留。

CSS Minifier 支持嵌套规则与 @media 吗?

支持。嵌套规则、@media、@keyframes、@font-face、@layer、@container、@supports、CSS 自定义属性(--var)都能安全压缩。逗号分隔的 selector list 会保留;只有不必要的空白会被收掉。

可以把单行的 minified bundle 美化回来吗?

这正是 Beautify 的用途。把任何压缩过的 JS 或 CSS 粘贴进来、按 Beautify,得到重新缩进的版本。Beautifier 不改变语义 — 它只根据括号深度添加换行与缩进。任何合法输入都能处理,不管是哪种 minifier 压出来的。

数据会发送到服务器吗?

不会。tokenizer、minifier、beautifier 全部以 JavaScript 在你的设备上运行。打开 DevTools → Network 即可验证压缩 / 美化过程没有任何对外请求。粘贴 API key、密钥、专有代码进来都安全 — 没有任何字节离开你的电脑。