代码格式化压缩

📖 工具介绍

从别处拷来的代码经常是一坨没有缩进的压缩串，或者缩进和换行全乱了套。本工具把 HTML、CSS、JavaScript 三种常见前端代码的缩进重新排一遍，或者反过来压成一行用于上线。格式化时会跳过字符串里的花括号、引号里的分号以及注释内容，不会把字符串字面量拆坏；压缩时会在两个标识符之间保留必要的空格，避免出现 returna 这种把关键字和变量粘连的错误。处理完全在浏览器本地完成，代码不会离开你的电脑。

✨ 功能特点

• 支持 HTML、CSS、JavaScript 三种语言，各自使用匹配的分行与缩进规则
• 美化与压缩双向：既能展开成易读的多行结构，也能压成一行减小体积
• 缩进可选 2 空格、4 空格或 Tab，跟随你的项目风格
• 词法层面跳过字符串与注释，字符串里的括号、分号不会被误当成语法符号
• 可保留注释或在压缩时一并剔除，还能在 CSS 规则之间插入空行
• 输出体积对比：原始字符数、结果字符数与节省百分比，以及前后行数变化

🚀 使用方式

1. 把代码粘贴进输入框，或点「载入示例」看效果
2. 选择语言类型：HTML、CSS 还是 JavaScript
3. 选择美化或压缩，美化时再挑一个缩进宽度
4. 按需勾选保留注释、CSS 规则间空行
5. 点「处理」，结果可一键复制或下载成对应后缀的文件

⚠️ 注意事项

• 不是编译器：工具按符号做缩进重排，不做语法检查，语法本身有错的代码照样会输出，只是排好了版
• 压缩不等于混淆：这里只去掉空白与注释，变量名原样保留，需要保护源码请用专门的混淆工具
• 压缩后建议自测：依赖换行Ending的模板字符串、正则字面量等场景，压缩后请实际跑一遍确认行为不变
• 超大文件会卡：超过几百 KB 的单文件格式化会占用较多时间，建议先拆分成片段处理
• 空输入不出结果：输入框为空时点处理会提示填写，不会返回空串