JavaScript Beautify Tool- Ilmainen online JavaScript -muotoilu- ja kaunistaja

Javascript-katseluohjelma, kaunistaja, muotoilija, editori

Syötä sekava, minifioitu tai obfuskoitu Javascript(JS) -koodisi yllä olevaan kenttään, niin se siistitään ja kaunistetaan. Yllä oleva editori sisältää myös hyödyllisiä rivinumeroita ja syntaksin korostusta. Kaunistinta voi mukauttaa monin tavoin omien mieltymystesi mukaan.

Milloin käytät Javascript Vieweria, Beautifieria ja Formatteria/Editoria?

Usein JavaScriptiä(JS) kirjoitettaessa sisennykset, välistykset ja muu muotoilu voivat olla hieman epäjärjestyksessä. On myös yleistä, että useat kehittäjät työskentelevät saman projektin parissa ja heillä on erilaiset muotoilutekniikat. Tämä työkalu on hyödyllinen tiedoston muotoilun yhdenmukaistamiseksi. On myös yleistä, että JavaScriptiä(JS) minifioidaan tai hämärretään. Voit käyttää tätä työkalua koodin näyttämiseen siistiltä ja luettavammalta, jotta sitä on helpompi muokata.

Javascript Beautifier -esimerkki

Pienennetyt JavaScript-tiedostot:

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

Kaunistuu näin:

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