Công cụ trực tuyến miễn phí Trình định dạng Javascript, Trình làm đẹp

Trình xem Javascript, Trình làm đẹp, Trình định dạng, Trình chỉnh sửa

Nhập Javascript (JS) lộn xộn, được rút gọn hoặc bị xáo trộn của bạn vào trường ở trên để làm cho nó được dọn dẹp và trở nên đẹp đẽ. Trình chỉnh sửa ở trên cũng chứa các số dòng hữu ích và tô sáng cú pháp. Có nhiều tùy chọn để điều chỉnh trình làm đẹp theo sở thích định dạng cá nhân của bạn.

Khi nào bạn sử dụng Javascript Viewer, Beautifier và Formatter, Editor

Thông thường, khi viết Javascript (JS), thụt lề, khoảng cách và các định dạng khác của bạn có thể trở nên hơi vô tổ chức. Việc nhiều nhà phát triển cùng làm việc trên một dự án có các kỹ thuật định dạng khác nhau cũng rất phổ biến. Công cụ này rất hữu ích để làm cho định dạng của một tệp nhất quán. Nó cũng phổ biến đối với Javascript (JS) được rút gọn hoặc làm xáo trộn. Bạn có thể sử dụng công cụ này để làm cho mã đó trông đẹp và dễ đọc để dễ chỉnh sửa hơn.

Ví dụ về Trình làm đẹp Javascript

Javascript đượ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);}

Trở nên đẹp đẽ này:

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