Besplatni mrežni alat Javascript Formatter, Beautifier

Input data
bfotool loadding
Output data
bfotool loadding

Javascript Viewer, Beautifier, Formatter, Editor

Unesite svoj neuredan, umanjen ili maskiran Javascript (JS) u gornje polje kako biste ga očistili i uljepšali. Gornji uređivač također sadrži korisne brojeve redaka i isticanje sintakse. Postoji mnogo opcija za prilagođavanje uljepšavača prema vašem osobnom ukusu oblikovanja.

Kada koristite Javascript Viewer, Beautifier i Formatter, Editor

Često prilikom pisanja Javascripta (JS) vaše uvlačenje, razmaci i drugo oblikovanje mogu postati pomalo neorganizirani. Također je uobičajeno da više programera radi na jednom projektu koji imaju različite tehnike oblikovanja. Ovaj je alat koristan za dosljednost oblikovanja datoteke. Također je uobičajeno da se Javascript (JS) minimizira ili maskira. Možete upotrijebiti ovaj alat kako bi kod izgledao lijepo i čitljivo pa ga je lakše uređivati.

Primjer Javascript uljepšavača

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

Postaje ovo uljepšano:

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