Machen Sie JavaScript wieder lesbar

Entwicklerinnen und Entwickler nutzen JavaScript-Formatierer vor Code-Review, Fehlersuche oder Übergabe an andere Beteiligte.

Machen Sie JavaScript wieder lesbar, damit Prüfung, Bearbeitung und Fehlersuche leichter werden. Direkt im Browser nutzbar, ohne Anmeldung.

Bedienung

Fügen Sie Ihr JavaScript in den Eingabebereich ein, oder importieren Sie die Datei direkt von Ihrem Computer.
Führen Sie den Formatierungsschritt aus, und das Werkzeug schreibt Zeilenumbrüche und Einrückung neu, sodass die Struktur des Codes auf einen Blick sichtbar wird.
Vergleichen Sie das Ergebnis mit Ihrem Original, um verschachtelte Blöcke, Funktionen und Objekte zu erkennen, die schlecht geschlossen sind.
Kopieren Sie die aufgeräumte Version zurück in Ihren Editor oder geben Sie sie einem Kollegen zum Prüfen.
Leeren Sie den Bereich, bevor Sie eine weitere Datei laden, damit zwei Skripte nicht vermischt werden.

Beispiel

Ein häufiger Fall: Ein von einem externen Dienstleister geliefertes Skript kommt als eine einzige riesige Zeile an. Nach der Formatierung sehen Sie sofort, wo Funktionen und Bedingungen beginnen, was die Prüfung der Datei und die Suche nach einer fehlenden Klammer erheblich beschleunigt.

Grenzen und Formate

Formatierung ändert die Darstellung, nicht das Verhalten: Sie behebt keinen Logikfehler und keinen Syntaxfehler in Ihrem Code.
Code in einer eng verwandten Sprache sollte nach der Verarbeitung durch das Werkzeug zusätzlich geprüft werden.
Vergleichen Sie die Ausgabe mit dem Original, bevor Sie etwas ersetzen, besonders wenn Zeichenketten bedeutungstragende Leerzeichen enthalten.
Bei einem Projekt, das sich über viele Dateien erstreckt, bearbeiten Sie sie einzeln und bewahren Sie von jeder eine Sicherungskopie auf.

Wo die Verarbeitung stattfindet

Die Formatierung erfolgt vollständig in Ihrem Browser mit dem Code, den Sie einfügen oder importieren. Kein Ausschnitt wird irgendwohin gesendet und nichts wird gespeichert, nachdem Sie die Seite geschlossen haben, sodass interner Code aufgeräumt werden kann, ohne Ihren Rechner zu verlassen.

Häufige Fragen

Kann die Formatierung mein Skript beschädigen?

Sie sollte nicht ändern, wie sich der Code verhält, da nur das Layout neu geschrieben wird. Bewahren Sie dennoch eine Kopie des Originals auf und vergleichen Sie die beiden Versionen, bevor Sie Ihre Arbeitsdatei überschreiben.

Welche Dateitypen kann ich importieren?

Die Dateiauswahl akzeptiert .js-, .mjs-, .cjs-, .ts-, .tsx-, .html-, .css-, .json-, .sql- und .graphql-Dateien sowie reinen Text. Es wird jeweils nur eine Datei geladen.

Behebt das Werkzeug Syntaxfehler?

Nein, es macht den Code lediglich lesbar. Eine fehlende Klammer oder ein zusätzliches Komma bleibt genau dort, wo es war; die formatierte Version zu lesen hilft Ihnen, es schneller zu erkennen.