Javascript 压缩工具
压缩 JavaScript 代码会保留您编写的美观且格式良好的 JS 代码,并删除其中的空格、缩进、换行符和注释。这些内容并非 JavaScript 成功运行的必要条件。此外,压缩还会使 JavaScript 在查看源代码时更难阅读。
许多开发人员会维护一个“美化”版本,并在项目部署时通过压缩程序运行脚本。他们还经常将多个脚本文件合并为一个文件。
为什么要使用 Javascript Minifier?
压缩的目的是提高网站的速度。压缩可以使脚本体积缩小 20%,从而缩短下载时间。一些开发者还会用它来“混淆”代码。这使得代码难以读取,从而更难进行逆向工程或复制。
将单个网站的所有 JavaScript 文件合并到一个文件中也是很常见的做法。这样做有很多好处。它减少了获取网站所有元素所需的 HTTP 请求数量。此外,它还能使文件精简和 gzip 压缩更加有效。
Javascript 压缩示例
美化的 Javascript:
var a = document.createElement('a');
mimeType = mimeType || 'application/octet-stream';
if(navigator.msSaveBlob) {
navigator.msSaveBlob(new Blob([content], {
type: mimeType
}), fileName);
} else if(URL && 'download' in a) {
a.href = URL.createObjectURL(new Blob([content], {
type: mimeType
}));
a.setAttribute('download', fileName);
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
} else {
location.href = 'data:application/octet-stream,' + encodeURIComponent(content);
}
缩小后如下:
var a=document.createElement('a');mimeType=mimeType||'application/octet-stream';if(navigator.msSaveBlob){navigator.msSaveBlob(new Blob([content],{type:mimeType}),fileName);}else if(URL&&'download'in a){a.href=URL.createObjectURL(new Blob([content],{type:mimeType}));a.setAttribute('download',fileName);document.body.appendChild(a);a.click();document.body.removeChild(a);}else{location.href='data:application/octet-stream,'+encodeURIComponent(content);}