JavaScript Beautifier
Machen Sie aus minifiziertem oder schlecht formatiertem JavaScript Code, den Sie wirklich lesen können.
JavaScript online formatieren
Ein Produktions-Bundle, ein Widget eines Drittanbieters oder ein Schnipsel, den jemand in eine Zeile gequetscht hat, liest sich eingerückt viel leichter. Diese Seite ist der Code Formatter, eingestellt auf das Formatieren von JavaScript, mit der Open-Source-Bibliothek js-beautify in Ihrem Browser.
Was sich ändert
- Jede Anweisung steht in einer eigenen Zeile.
- Blöcke in geschweiften Klammern werden nach Verschachtelungstiefe eingerückt.
- Um Operatoren und nach Kommas werden Leerzeichen eingefügt.
- Vorhandene Leerzeilen bleiben erhalten, bis zu zwei hintereinander.
Minifizierten Code lesen
Die formatierte Ausgabe einer minifizierten Datei hat weiterhin Namen aus einem Buchstaben, lesen Sie sie also anhand der Struktur: Suchen Sie die exportierten Funktionen, folgen Sie den Aufrufen und benennen Sie Dinge im Kopf um, sobald Sie sie verstehen. Veröffentlicht das ursprüngliche Projekt Source Maps, können die Entwicklertools des Browsers stattdessen den Originalquelltext anzeigen, und das ist immer besser, als minifizierten Code zu lesen.
Verwandte Tools
Für den umgekehrten Weg nutzen Sie den JavaScript Minifier. Um zu sehen, was sich zwischen zwei Versionen eines Skripts geändert hat, formatieren Sie beide hier und vergleichen sie im Textvergleich.