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

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, thu nhỏ hoặc tối giản của bạn vào trường bên trên để dọn dẹp và làm cho nó đẹp hơn. Trình chỉnh sửa bên trên cũng chứa số dòng hữu ích và tô sáng cú pháp. Có nhiều tùy chọn để tùy 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 lộn xộn. Nhiều nhà phát triển làm việc trên một dự án duy nhất có các kỹ thuật định dạng khác nhau cũng là điều thường thấy. Công cụ này hữu ích để định dạng tệp nhất quán. Javascript(JS) cũng thường được thu nhỏ hoặc làm tối nghĩa. 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ề Javascript Beautifier

Javascript thu nhỏ:

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 đẽ thế 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);  
 }