Gratis online tool Javascript Formatter, Beautifier

Input data
bfotool loadding
Output data
bfotool loadding

Javascript-viewer, verfraaiing, formatter, editor

Voer je rommelige, verkleinde of versluierde Javascript (JS) in het veld hierboven in om het op te ruimen en mooi te maken. De bovenstaande editor bevat ook handige regelnummers en syntaxisaccentuering. Er zijn veel opties om de verfraaier aan te passen aan uw persoonlijke opmaaksmaak.

Wanneer gebruik je Javascript Viewer, Beautifier and Formatter, Editor?

Vaak kunnen bij het schrijven van Javascript (JS) uw inspringing, spatiëring en andere opmaak een beetje ongeorganiseerd worden. Het is ook gebruikelijk dat meerdere ontwikkelaars aan één project werken met verschillende opmaaktechnieken. Deze tool is handig om de opmaak van een bestand consistent te maken. Het is ook gebruikelijk dat Javascript (JS) wordt verkleind of versluierd. U kunt deze tool gebruiken om die code er mooi en leesbaar uit te laten zien, zodat deze gemakkelijker te bewerken is.

Voorbeeld van Javascript-verfraaiing

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

Wordt dit verfraaid:

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