JSON-Formatter, -Viewer und -Validator

Ein JSON-Formatter ist ein Werkzeug, das ein JSON-Dokument parst und mit einheitlichen Zeilenumbrüchen und Einrückungen zurückschreibt — aus einer einzeiligen API-Antwort wird etwas, das ein Mensch lesen kann. Weil er die Eingabe zuerst parsen muss, ist ein Formatter zugleich ein Validator: Was sich nicht parsen lässt, hält mit einem Fehler an, statt neu formatiert zu werden. Formatieren ändert nur den Leerraum zwischen den Tokens, deshalb kommen Schlüssel, Werte, Typen und Reihenfolge genau so zurück, wie sie hineingingen.

Füge das Dokument oben in den Eingabebereich ein und drücke Formatieren. Wähle im Einrückungsmenü 2 Leerzeichen, 4 Leerzeichen oder Tabulator und lies das Ergebnis als Baum, als Text oder als Tabelle. Kopieren und Herunterladen bringen es wieder heraus. Ohne Konto, ohne Upload und ohne Warten.

Der Formatter beantwortet „wie lese ich das?“, der Validator „ist das korrekt?“. Dasselbe Parsen erledigt beides, und darum meldet diese Seite Syntaxfehler schon beim Formatieren. Der eigene JSON-Validator ist für den Fall, dass das Prüfen die ganze Arbeit ist: Er öffnet auf dem Fehlerbereich und nennt Zeile, Spalte, die Quellzeile mit Markierung darunter und einen verständlichen Hinweis darauf, was der Parser erwartet hat. Keiner von beiden prüft dein Dokument gegen ein JSON Schema — das ist eine Frage der Struktur, nicht der Syntax.

Fang an der gemeldeten Stelle an, denn meist ist ein einzelnes Zeichen schuld. Die üblichen Verdächtigen: ein hängendes Komma vor } oder ], einfache statt doppelte Anführungszeichen, Eigenschaftsnamen ohne Anführungszeichen, //-Kommentare und Pythons True/False/None — in JavaScript oder Python erlaubt, in JSON keines davon. Drücke Reparieren, und jedes davon wird umgeschrieben, ebenso JSONP-Wrapper und zeilengetrennte Datensätze.

Dokument einfügen und Minifizieren drücken: Der Leerraum zwischen den Tokens verschwindet, und die Größe vor und nach der Aktion wird angezeigt. Es lohnt sich für Daten, die du über die Leitung schickst oder speicherst, und das Zurücknehmen kostet nichts — Formatieren macht es Byte für Byte rückgängig. Der JSON-Minifier öffnet direkt in dieser Ansicht.

Ja. Die Baumansicht klappt jeden Zweig auf und zu, und die Suche läuft über die geparsten Daten statt über das sichtbare DOM: Ein Treffer tief in einem zugeklappten Objekt wird gefunden, und der Baum öffnet sich, um ihn zu zeigen. Jede Zeile kopiert ihren Wert oder den JSONPath dorthin. Zeilen entstehen erst beim Aufklappen und lange Arrays laden in Blöcken — genau das hält ein großes Dokument flüssig. Der JSON-Viewer geht ins Detail.

Nein. Die Seite ruft das eingebaute JSON.parse des Browsers auf, und der Datei-Upload nutzt die lokale File API. Beim Formatieren, Prüfen und Ansehen ist kein Backend beteiligt. Du kannst nach dem Laden der Seite die Netzverbindung trennen, und alles funktioniert weiter.

Die Prüfung nutzt den Parser des Browsers selbst, der RFC 8259 / ECMA-404 umsetzt. Das ist derselbe Parser, den auch dein Anwendungscode verwendet: Ein Dokument, das hier durchgeht, wird in der Produktion geparst.

Dokumente mit mehreren Megabyte sind bequem machbar. Der Baum erzeugt DOM nur für Knoten, die du öffnest, und Arrays laden 200 Kinder auf einmal. Ab etwa 1,5 MB parst der Editor nicht mehr bei jedem Tastendruck, sondern wartet auf „Formatieren“, damit das Tippen flüssig bleibt.

Dein letztes Dokument (bis 500 KB), deine Einrückung, deine bevorzugte Ansicht und dein Design — alles im localStorage auf deinem eigenen Gerät, damit ein Neuladen deine Arbeit nicht verliert. „Leeren“ entfernt das Dokument.