Zum Inhalt springen
KlarTools
Menü

JSON formatieren

Fügen Sie JSON ein und formatieren Sie es mit Einrückung oder als kompakte Minify-Variante. Der Parser ist JSON.parse im Browser — es geht nichts an einen Server. Bei Syntaxfehlern sehen Sie die Meldung der Engine, nicht eine leere rote Box.

Worum geht es?

Pretty-Print macht verschachteltes JSON lesbar, Minify entfernt Leerzeichen für kompakte Payloads. Beides ist dieselbe Datenstruktur, nur die Darstellung ändert sich. Wer „JSON prettier online“ sucht, will meist genau das — ohne den Text an einen fremden Server zu schicken.

Der Parser ist JSON.parse im Browser. Gültig sind Objekte, Arrays, Strings, Zahlen, true, false und null. JavaScript-Objektliterale mit einfachen Anführungszeichen, Funktionen, undefined, Kommentaren oder nachgestellten Kommas sind kein JSON und werden abgelehnt.

Das Tool passt zum Debuggen von APIs, zum Vergleich zweier Payloads und zum Aufräumen kopierter Antworten. Es ist kein JSON-Schema-Validator und kein Editor mit Autocomplete.

Formel

  • gültig ⇔ JSON.parse(text) wirft nicht
  • Pretty-Print = JSON.stringify(wert, null, 2)
  • Minify = JSON.stringify(wert)

Beispielrechnung

Objekt einrücken

Eingabe
{"a":1,"b":[true,null]}
Rechenweg
  1. JSON.parse liest das Objekt
  2. JSON.stringify mit 2 Leerzeichen Einrückung
Ergebnis
{ "a": 1, "b": [ true, null ] }

Ungültiges JSON

Eingabe
{a: 1} (Schlüssel ohne Anführungszeichen)
Rechenweg
  1. JSON.parse wirft SyntaxError
  2. Die Meldung der Engine wird angezeigt, der Text bleibt unverändert
Ergebnis
Kein Pretty-Print, stattdessen der Fehlertext mit Position

Gut zu wissen

  • JSON erlaubt nur doppelte Anführungszeichen für Schlüssel und Strings.
  • Nachgestellte Kommas und // Kommentare sind JSON5/JS, nicht JSON.
  • Die Schlüsselreihenfolge nach parse/stringify folgt der Engine, nicht einer Sortierung.
  • Es gibt kein Datei-Upload und kein Log des Inhalts.

So funktioniert der Rechner

  1. 1. Prüfen

    Der Text wird mit JSON.parse gelesen. Gültig sind Objekte, Arrays, Strings, Zahlen, true/false und null. Kommentare und nachgestellte Kommas sind kein JSON.

  2. 2. Pretty-Print

    JSON.stringify mit 2 Leerzeichen Einrückung. Schlüsselreihenfolge bleibt wie vom Parser geliefert.

  3. 3. Minify

    JSON.stringify ohne Leerzeichen. Gut zum Vergleichen oder zum Einfügen in eine Zeile.

Häufige Fragen

Wird mein JSON irgendwohin geschickt?

Nein. Formatierung und Prüfung laufen im JavaScript Ihres Browsers. KlarTools hat dafür kein Backend. Beim Schließen des Tabs ist der Text weg, sofern Sie ihn nicht selbst kopiert haben.

Warum ist mein JSON ungültig?

Häufig: einfache statt doppelte Anführungszeichen, ein Komma nach dem letzten Element, Kommentare, oder Werte wie NaN und undefined. Der Fehlertext der Engine nennt in der Regel die Position. Korrigieren Sie die Stelle und formatieren Sie erneut.

Kann ich JSON und JavaScript-Objekte gleich behandeln?

Nein. JSON ist ein Datenformat. Funktionen, undefined, einfache Anführungszeichen und nachgestellte Kommas gehören nicht hinein. Was in der Browserkonsole als Objektliteral gilt, ist oft trotzdem kein JSON.

Was ist der Unterschied zwischen Pretty-Print und Minify?

Pretty-Print setzt Zeilenumbrüche und Einrückung, Minify schreibt alles in eine kompakte Zeile. Der Dateninhalt ist derselbe, wenn der Parser denselben Wert gelesen hat. Minify eignet sich zum Einfügen in eine Konfigurationszeile.

Prüft ihr ein JSON-Schema?

Nein. Es wird nur geprüft, ob der Text syntaktisch JSON ist. Ob Pflichtfelder fehlen oder Typen falsch sind, sehen Sie in diesem Stand nicht.

  • Farbcode-Umrechner HEX, RGB, HSL und CMYK live, Vorschau, Kopieren und WCAG-Kontrast gegen Weiß und Schwarz.
  • UUID-Generator UUID Version 7 (Standard) oder v4, lokal im Browser. Keine Geheimnisse.
  • QR-Code-Generator URL, Text, WLAN, vCard, E-Mail und SMS — PNG und SVG, nur im Browser, ohne Konto.