Früher: JSON von Hand lesen. Heute: einfügen und fertig.
Vor ein paar Jahren sah der Alltag so aus: Eine API liefert eine einzeilige JSON-Antwort mit 400 Zeichen zurück, alles ohne Zeilenumbruch, und Sie zählen Klammern per Auge, um herauszufinden, wo ein Array endet und das nächste Objekt beginnt. Manche haben sich dafür sogar ein eigenes kleines Python-Skript mit json.dumps(data, indent=2) gebaut, nur um eine Response lesbar zu bekommen.
Dieses Tool ersetzt diesen Umweg. Antwort einfügen, Struktur erscheint sofort mit Einrückung, und ein kaputtes Komma wird an Ort und Stelle markiert, statt erst beim Parsen im eigenen Code als kryptischer Fehler aufzutauchen.
Was das Tool kann
- Validieren: prüft die Eingabe gegen den JSON-Standard nach RFC 8259 und zeigt Fehler mit Zeile und Position an.
- Formatieren (Beautify): rückt den Baum ein, wählbar mit 2 oder 4 Leerzeichen oder Tabs.
- Minify: entfernt jeden überflüssigen Whitespace, für den Einsatz in Produktion.
- Keys sortieren: optional alphabetisch, praktisch für saubere Diffs in Git.
Was es nicht kann: JSON5 oder JSONC mit Kommentaren verarbeiten, das würde gegen den eigentlichen Standard verstoßen. Wer kommentiertes JSON braucht, zum Beispiel für tsconfig.json, sollte in einem Code-Editor mit passendem Sprachmodus arbeiten.
JSON-Syntax in Kürze
- Objekte stehen in
{...}, Arrays in[...]. - Keys gehören immer in doppelte Anführungszeichen, einfache sind nicht zulässig.
- Strings ebenso in doppelten Anführungszeichen, mit Escape-Sequenzen wie
\noder\t. - Zahlen wie
42,3.14oder-1e9, aber ohne führende Nullen außer bei Werten unter 1. - Boolesche Werte heißen exakt
trueoderfalse, nichtTrueund nicht1. - Ein Komma nach dem letzten Element (Trailing Comma) ist nicht erlaubt, das ist der wohl häufigste Anfängerfehler.
- Kommentare kennt der Standard nicht.
Wann Beautify, wann Minify
Beautify ist für Menschen gedacht: während der Entwicklung, in Code-Reviews, beim Debuggen. Minify ist für Maschinen gedacht: als Produktions-Asset, im Cache, bei der Übertragung über eine mobile API, wo jedes eingesparte Byte zählt. Die beiden Modi schließen sich nicht aus, oft formatieren Entwickler zum Lesen und minifizieren erst kurz vor dem Deployment.
Fehlermeldungen, die immer wiederkehren
Unexpected token: fast immer ein fehlendes Komma oder ein vergessenes Anführungszeichen kurz davor.Unexpected end of JSON input: die Eingabe ist mittendrin abgeschnitten, häufig weil eine Response nicht vollständig geladen wurde.Duplicate keys: der Standard verbietet doppelte Keys nicht ausdrücklich, die meisten Parser überschreiben den ersten Wert aber stillschweigend mit dem letzten.NaNoderInfinity: in JSON schlicht nicht vorgesehen, verwenden Sie stattdessennulloder einen String.
Wofür Entwickler das Tool tatsächlich nutzen
- API-Responses lesbar machen, bevor man sie in ein Ticket kopiert.
- Zwei Versionen einer Konfiguration formatieren und anschließend mit unserem Diff-Checker vergleichen.
- Exportierte Daten aus einer NoSQL-Datenbank auf Struktur prüfen, bevor sie weiterverarbeitet werden.
- Beispieldaten für Schulungen oder Dokumentation sauber aufbereiten.
Datenschutz
Das Formatieren läuft vollständig im Browser, Ihre Eingabe verlässt das Gerät nicht. Das gilt auch für produktive API-Responses mit sensiblen Feldern, es entsteht keine Übertragung an unseren Server.