Công cụ trực tuyến miễn phí Javascript Minify

Input data
bfotool loadding
Output data
bfotool loadding

Công cụ rút gọn Javascript

Giảm thiểu Javascript lấy mã JS đẹp, được định dạng tốt mà bạn đã viết và loại bỏ khoảng cách, thụt lề, dòng mới và nhận xét. Những arie này không cần thiết để Javascript chạy thành công. Nó cũng làm cho Javascript khó đọc hơn khi xem nguồn.

Nhiều nhà phát triển sẽ duy trì một phiên bản 'đẹp' và khi triển khai dự án của họ sẽ chạy các tập lệnh của họ thông qua một chương trình thu nhỏ. Họ cũng thường kết hợp nhiều tập lệnh thành một tập tin duy nhất.

Tại sao nên sử dụng Công cụ khai thác Javascript?

Mục đích của minifcation là để tăng tốc độ của một trang web. Thu nhỏ có thể làm cho tập lệnh nhỏ hơn tới 20%, dẫn đến thời gian tải xuống nhanh hơn. Một số nhà phát triển cũng sẽ sử dụng nó để 'làm xáo trộn' mã của họ. Điều này gây khó khăn cho việc đọc mã, do đó làm cho việc đảo ngược hoặc sao chép trở nên khó khăn hơn.

Thông lệ cũng là kết hợp tất cả các tệp Javascript cho một trang web thành một tệp. Điều này có một số lợi ích. Nó làm giảm số lượng yêu cầu HTTP cần được thực hiện để có được tất cả các yếu tố của một trang web. Nó cũng làm cho quá trình thu nhỏ và nén gzip hiệu quả hơn.

Ví dụ rút gọn Javascript

Javascript được làm đẹp:

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);
}

Trở thành điều này được rút gọn:

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);}