JS/CSS压缩工具
Free通过删除空白和注释来缩小 JavaScript 或 CSS,可选择为 JavaScript 缩短变量名,并提供前后大小统计。
完全在您的浏览器中运行。您的代码不会上传到任何地方。
此工具的功能
粘贴可读的 JavaScript 或 CSS,此工具会通过删除空白、注释,以及(针对 JavaScript,可选地)缩短局部变量名来缩小它,生成一个行为完全相同但体积更小的文件。
工作原理
此工具会使用开源的 terser 引擎(针对 JavaScript)和 clean-css(针对 CSS)将您的代码解析为抽象语法树,然后从该树重新生成最紧凑的等效源代码:去除注释和不必要的空白,在安全的情况下缩短数值和颜色值,并且在为 JavaScript 启用 mangle 时,将局部作用域的标识符重命名为可用的最短名称。由于这种转换是基于解析后的结构而非原始文本进行的,所以生成的代码行为与原始代码完全一致。
解决的问题
- 缩小 JavaScript 或 CSS 文件体积以加快页面加载速度,尤其是在没有构建流程的手动部署之前。
- 无需搭建完整的构建工具,即可从单个脚本或样式表快速生成可用于生产环境的打包文件。
- 通过精确的前后大小对比,准确查看文件缩小了多少。
常见问题
›这个工具也会格式化或美化代码吗?
不会,此工具只通过删除空白和注释来压缩(缩小)代码。如果您需要可读、缩进正确的代码,请改用专门的格式化工具。
›对 JavaScript 而言,“mangle”是什么意思?
Mangle(名称压缩)会在安全的情况下将局部变量和函数参数重命名为“a”或“b”之类的短名称,从而在仅删除空白之外进一步节省字节。它绝不会重命名可全局访问的名称,因此不会破坏依赖特定全局标识符的代码。
›压缩后的代码可以安全地用于生产环境吗?
可以,压缩只会改变空白、注释,以及(可选地)局部变量名。代码的逻辑和行为会被精确保留,这也是为什么压缩后的 JavaScript 和 CSS 是生产网站的标准做法。
›为什么压缩会报错失败?
压缩工具需要有效、可解析的 JavaScript 或 CSS。如果您的输入存在语法错误,压缩工具就无法为其构建正确的内部表示。请在语法检查工具或浏览器控制台中检查代码,找出具体问题,修复后重试。
›我应该保留一份未压缩的代码副本吗?
是的。始终将原始、可读的源代码作为您编辑和维护的版本保留,并将压缩版本作为构建步骤生成。把压缩后的输出当作可随时丢弃的产物,而不是要手动编辑的文件。
相关工具
文本
JS/CSS格式化工具
将压缩或缩进不一致的 JavaScript 或 CSS 重新格式化为可读、缩进正确的代码,支持可调节的缩进风格及前后大小统计。
Free文本
HTML验证器
检查 HTML 中未闭合的标签、重复的 ID、已废弃的元素以及其他常见且定义明确的问题,通过自有的标签匹配解析器验证,并非完整的 W3C 一致性验证器。
Free文本
IPv4转IPv6转换器
生成一个 IPv4 地址的 IPv4 映射、IPv4 兼容、6to4 和 NAT64 IPv6 表示形式,并从任意这些 IPv6 形式中提取出 IPv4 地址。
Free文本
JSON编码器
将纯文本编码为有效的 JSON 字符串字面量(转义引号、反斜杠和换行符)并解码回来,附带转义字符明细。
Free文本
JSON格式化工具
验证并美化或压缩完整的 JSON 文档,支持可调节缩进、可选键排序以及精确的行/列错误报告。
Free文本
JWT解码器
将 JWT 头部和负载解码为可读的 JSON,将时间戳声明转换为易读的日期,标记已过期的令牌,并可以使用您提供的密钥验证 HS256 签名。
Free文本
llms.txt生成器
根据标题、摘要和链接部分,按照 llmstxt.org 规范生成 llms.txt 文件,支持 Optional 部分分组和实时预览。
Free文本
Markdown预览器
将 Markdown 实时渲染为经过净化的 HTML,与源代码并排显示,并提供查看和复制生成的 HTML 的切换功能。
评论 (0)
觉得这个工具有用吗?留下评论、分享一个小技巧,或者告诉我们如何改进它。
暂无评论,快来抢沙发分享您的想法吧!