JSON-Beautifier

Drei Arten unlesbaren JSONs

„Mach das schön“ meint meist eines von drei verschiedenen Problemen, und jedes hat seinen eigenen Knopf.

1. Gültig, aber minifiziert

Eine lange Zeile, kein Leerraum. Drücke Formatieren. Das ist der leichte Fall: Das Dokument parst, es muss nur mit Einrückung neu serialisiert werden. Der Baum-Viewer ist oft noch schneller, weil du dort nur den Zweig öffnest, der dich interessiert.

2. Gültig, aber das JSON steckt in einem String

Log-Aggregatoren, Message-Queues und TEXT-Spalten liefern häufig ein JSON-Dokument zurück, das als JSON-String kodiert wurde. Es kommt dicht an Backslashes an:

"{\"user\":{\"id\":41,\"tags\":[\"a\",\"b\"]}}"

Das zu formatieren ergibt einen sehr langen String, denn mehr ist es tatsächlich nicht. Drücke stattdessen Entschlüsseln: Der äußere String wird geparst, das innere Dokument dekodiert, und du bekommst echte Struktur. Zweifach kodierte Daten brauchen den Knopf einfach zweimal.

3. Überhaupt kein gültiges JSON

Aus JavaScript-Code kopierte Ausschnitte, Ausgaben der Python-REPL, handgepflegte Konfiguration mit Kommentaren und JSONP-Antworten sind alle Fast-JSON. Drücke Reparieren, dann Formatieren. Was behandelt wird:

• {name: "ada"} → Eigenschaftsnamen werden in Anführungszeichen gesetzt
• {'name': 'ada'} → einfache werden zu doppelten Anführungszeichen
• [1, 2, 3, ] → das hängende Komma fällt weg
• // Notiz und /* Notiz */ → Kommentare werden entfernt
• {"ok": True, "x": None} → Python-Literale werden zu true und null
• {"n": NaN} → wird zu null, da JSON NaN nicht ausdrücken kann
• cb({"a":1}) → der JSONP-Wrapper wird entfernt
• {"a":1}
{"a":2} → zeilengetrenntes JSON wird in ein Array gepackt

„Reparieren“ legt sein Ergebnis in den Editor, statt es unsichtbar anzuwenden — so kannst du den Unterschied lesen, bevor du ihm vertraust.

Schlüssel sortieren, um zu vergleichen

Zwei Dokumente mit denselben Daten in anderer Eigenschaftsreihenfolge sind mühsam zu vergleichen. Schlüssel sortieren ordnet jedes Objekt auf jeder Ebene von A→Z: Verschönere und sortiere beide Seiten, und ein Text-Diff zeigt nur echte Unterschiede. Die Reihenfolge von Arrays bleibt unberührt — in einem Array ist die Reihenfolge Daten, nicht Formatierung.

Sehr große Dokumente

Ab etwa 1,5 MB parst der Editor nicht mehr bei jedem Tastendruck, sondern wartet auf „Formatieren“, damit Tippen und Einfügen flüssig bleiben. Verschönerte Ausgabe über 400 KB wird ohne Syntaxfarben gezeigt, weil das Tokenisieren so vielen Texts mehr kostet, als die Farbe wert ist; der Baum bleibt bei jeder Größe voll bedienbar.