JS/CSS压缩混淆工具使用说明
一、工具功能介绍
1. 兼容JS、CSS两种代码压缩，基于YUI Compressor核心压缩逻辑，去除空格换行、缩短变量名。
2. JS专属三项配置开关：不混淆变量、强制保留分号、关闭代码优化。
3. 实时压缩：粘贴源码后点击「压缩混淆」一键生成精简后的代码，支持一键复制。
4. 语法校验：自动捕获JS语法错误并弹窗提示，避免无效压缩。
二、JS压缩实操示例
原始JS代码（页面默认示例）：
$(function(){apizl();function apizl(){var data=$('#input').val();$.ajax({type:"post",url:'xxxx',data:{data:data},dataType:'json',success:function(result){if(result.code==1){}else{}}})}})
压缩后输出（默认混淆优化）：
$(function(){apizl();function apizl(){var a=$("#input").val();$.ajax({type:"post",url:"xxxx",data:{data:a},dataType:"json",success:function(b){1==b.code?void 0:void 0}})}});
勾选【不混淆】压缩效果：仅删除空格，变量名保持原样
$(function(){apizl();function apizl(){var data=$('#input').val();$.ajax({type:"post",url:'xxxx',data:{data:data},dataType:'json',success:function(result){if(result.code==1){}else{}}})}});
三、CSS压缩示例
原始CSS：
.box{
width: 100%;
height: 200px;
background: #fff;
margin: 10px 0;
}
.btn{
color: #000;
font-size: 14px;
}
压缩后：.box{width:100%;height:200px;background:#fff;margin:10px 0}.btn{color:#000;font-size:14px}
四、配置选项详解
1. 不混淆：仅压缩换行空格，不缩短变量/函数名，适合需要调试的源码。
2. 保留所有的分号：强制补齐语句末尾分号，避免部分浏览器解析异常。
3. 禁止优化：关闭代码逻辑简化，不会删除无用判断、合并语句，最大程度保留原始执行逻辑。
五、使用场景提示
1. 生产环境打包：默认配置，最大化压缩体积，减少网络加载流量。
2. 二次开发调试：勾选「不混淆」，变量名不变，方便阅读修改。
3. 老旧兼容项目：勾选「保留所有分号」，防止低版本JS引擎报错。