JavaScript Beautify Tool- Kostenloser Online- JavaScript Formatierer und -Verschönerer

Input data
bfotool loadding
Output data
bfotool loadding

Javascript-Viewer, -Verschönerer, -Formatierer, -Editor

Geben Sie Ihr unordentliches, minimiertes oder verschleiertes Javascript(JS) in das obige Feld ein, um es zu bereinigen und ansprechender zu gestalten. Der Editor oben bietet außerdem hilfreiche Zeilennummern und Syntaxhervorhebung. Es gibt viele Optionen, um den Editor an Ihre persönlichen Formatierungswünsche anzupassen.

Wann verwenden Sie Javascript Viewer, Beautifier und Formatter, Editor

Beim Schreiben von Javascript(JS) können Einrückungen, Abstände und andere Formatierungen oft unübersichtlich werden. Häufig arbeiten mehrere Entwickler mit unterschiedlichen Formatierungstechniken an einem Projekt. Dieses Tool hilft, die Formatierung einer Datei konsistent zu gestalten. Javascript(JS) wird häufig minimiert oder verschleiert. Mit diesem Tool können Sie den Code ansprechender und lesbarer gestalten, sodass er leichter zu bearbeiten ist.

Javascript Beautifier Beispiel

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

Wird dadurch verschönert:

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