jsonecho

JS Beautifier

Verwandeln Sie minifiziertes oder unordentliches JavaScript in lesbaren, eingerückten Code.

Tool wird geladen ...

So verwenden Sie JS Beautifier

Fügen Sie Ihr JavaScript ein.
Wählen Sie Einrückung und Klammerstil.
Kopieren Sie den verschönerten Code.

Über JS Beautifier

Minifiziertes JavaScript ist für Maschinen gedacht. Wenn Sie ein Produktions-Bundle debuggen oder einen Schnipsel von Dritten lesen müssen, brauchen Sie zuerst Leerraum. Dieser Beautifier stellt Zeilenumbrüche und Einrückungen wieder her, damit Sie dem Kontrollfluss wieder folgen können.

Er kann die Namen von Variablen nicht wiederherstellen, die ein Minifier auf einzelne Buchstaben gekürzt hat, eine Funktion namens a bleibt also a. Sie erhalten die Struktur zurück, und für die meisten Debugging-Aufgaben genügt das für den Anfang.

Häufig gestellte Fragen

Ändert das Verschönern, was der Code tut?

Nein. Nur Leerraum und Zeilenumbrüche ändern sich. Der Beautifier benennt nichts um und ordnet keine Anweisungen neu.

Kann er die ursprünglichen Variablennamen wiederherstellen?

Nein. Von einem Minifier entfernte Namen sind verloren. Wenn das Bundle mit einer Source Map geliefert wurde, können die Entwicklertools Ihres Browsers sie nutzen, um die ursprünglichen Namen anzuzeigen.

Unterstützt er moderne Syntax?

Ja, Pfeilfunktionen, Klassen, Template Literals, async und await, Optional Chaining und ES-Module werden verarbeitet.

Was ist der Unterschied zwischen diesem und dem Babel-Formatierer?

Dieses Tool ist ein nachsichtiger Beautifier, der Code neu einrückt und bei Syntax, die er nicht versteht, nie scheitert. Der Babel-Formatierer parst den Code und gibt ihn von Grund auf neu aus, was strenger ist und konsistentere Ergebnisse liefert.

Mehr in Code-Formatierer

Alle Tools →

CSS Pretty PrintCSS formatiert ausgeben, damit jede Regel und Eigenschaft leicht lesbar ist.Formatieren CSS MinifyKommentare und Leerraum entfernen, um das kleinstmögliche CSS zu erhalten.Komprimieren C# FormatterC#-Code einrücken und Klammern und Anweisungen in eigene Zeilen setzen.Formatieren Java FormatterBringen Sie Java-Code wieder in ein lesbares Layout: eine Anweisung pro Zeile, Klammern eingerückt.Formatieren GraphQL FormatterGraphQL-Abfragen und -Schemas formatieren, damit verschachtelte Auswahlen leicht lesbar sind.Formatieren Angular FormatterAngular-Komponenten-Templates mit ihren strukturellen Direktiven und Bindings formatieren.Formatieren Vue FormatterEine Vue-Single-File-Komponente formatieren: Template, Script und Style zusammen.Formatieren Less FormatterLess-Code mit seinen Variablen, Mixins und verschachtelten Regeln formatieren.Formatieren