Kostenloses Online-Tool Javascript Formatter, Beautifier

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 Feld oben ein, damit es aufgeräumt und hübsch gemacht wird. Der obige Editor enthält auch hilfreiche Zeilennummern und Syntaxhervorhebungen. Es gibt viele Möglichkeiten, den Verschönerer an Ihren persönlichen Formatierungsgeschmack 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 etwas unorganisiert werden. Es ist auch üblich, dass mehrere Entwickler an einem einzigen Projekt arbeiten, die unterschiedliche Formatierungstechniken haben. Dieses Tool ist hilfreich, um die Formatierung einer Datei konsistent zu machen. Es ist auch üblich, dass Javascript (JS) minimiert oder verschleiert wird. Sie können dieses Tool verwenden, um diesen Code schön und lesbar aussehen zu lassen, damit er einfacher zu bearbeiten ist.

Javascript-Verschönerungsbeispiel

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