JSON formatieren und validieren
Der JSON Formatter verarbeitet Rohtext im Browser und hilft, unübersichtliches JSON lesbar zu machen oder Syntaxfehler schnell zu finden. Du fügst ein JSON-Objekt, ein Array oder eine andere gültige JSON-Struktur in das Eingabefeld ein, wählst die Einrückung und klickst auf Formatieren. Die Seite nutzt die native JSON-Verarbeitung des Browsers: Der Text wird mit JSON.parse geprüft und anschließend mit JSON.stringify sauber eingerückt ausgegeben. Wenn die Struktur ungültig ist, bleibt das Ergebnisfeld aus und es erscheint eine Fehlermeldung.
Das Werkzeug ist besonders nützlich bei API-Antworten, Log-Auszügen, Konfigurationsdateien, Webhook-Payloads und kleinen Datenproben. Minifizierte Daten werden in eine Zeilenstruktur gebracht, verschachtelte Objekte lassen sich leichter verfolgen und fehlende Klammern oder falsch gesetzte Kommas fallen schneller auf. Mit der Validieren-Funktion kannst du prüfen, ob der Inhalt syntaktisch korrekt ist, ohne ihn neu zu formatieren. Das Ergebnis kann kopiert oder zurückgesetzt werden, damit mehrere Payloads nacheinander geprüft werden können.
Typische Fehler in JSON
Häufige Ursachen für ungültiges JSON sind Kommentare, einzelne statt doppelte Anführungszeichen, ein Komma nach dem letzten Element, nicht maskierte Zeilenumbrüche in Strings oder Werte wie NaN und undefined. Diese Dinge sind in JavaScript teilweise vertraut, gehören aber nicht zu gültigem JSON. Auch Datumswerte sind keine eigenen JSON-Typen; sie stehen üblicherweise als String im ISO-Format im Dokument. Der Formatter ändert die Bedeutung der Daten nicht, sondern stellt nur dar, was der Parser als gültige Struktur akzeptiert.
Beim Arbeiten mit sensiblen Daten solltest du trotzdem bewusst bleiben. Der Formatter läuft clientseitig im Browser und ist für schnelle lokale Prüfungen gedacht, aber echte Zugangsdaten, Tokens, Kundendaten oder produktive Secrets sollten grundsätzlich nicht unnötig in Hilfswerkzeuge kopiert werden. Wenn du JSON für APIs vorbereitest, prüfe nach dem Formatieren nicht nur die Syntax, sondern auch den Vertrag der Schnittstelle: Pflichtfelder, Datentypen, erlaubte Werte und verschachtelte Arrays können syntaktisch korrekt sein und fachlich trotzdem falsch. Für kleine Debugging-Aufgaben liefert das Werkzeug einen schnellen ersten Blick; für produktive Validierung ersetzt es kein Schema, keine Tests und keine serverseitige Prüfung.
Für Debugging ist es oft hilfreich, nach dem Formatieren gezielt Ebenen zu vergleichen: Welche Felder liegen im Root-Objekt, welche Arrays enthalten mehrere Einträge, und wo ändern sich Typen zwischen zwei API-Antworten? Kopiere den formatierten Text in einen Diff-Viewer oder nutze ihn als Grundlage für Testdaten. Achte dabei darauf, IDs, E-Mail-Adressen, Tokens und produktive Kundendaten vor dem Teilen zu entfernen oder zu anonymisieren.
Wenn du denselben JSON-Text später in Code übernimmst, speichere zuerst die formatierte Version und minifiziere sie erst im Build- oder Deployment-Schritt. So bleiben Reviews verständlicher, und fachliche Änderungen an Feldern oder verschachtelten Listen sind leichter zu erkennen.
Kommentare