Der JSON-Formatierer von KitYards verschönert, minimiert und validiert JSON direkt in deinem Browser. Er strukturiert unübersichtliche Daten sauber ein, komprimiert sie auf Wunsch zu einer kompakten Zeile und meldet Syntaxfehler mit einem klaren Hinweis. Entwickler sparen so Zeit beim Debuggen von APIs und Konfigurationsdateien. Deine Daten verlassen dabei niemals dein Gerät, denn alles wird kostenlos und ohne Upload lokal verarbeitet.
So verwendest du den JSON-Formatierer
- 1 Füge dein JSON in das Eingabefeld ein oder tippe es direkt.
- 2 Wähle Formatieren, um es lesbar und sauber einzurücken.
- 3 Nutze Minimieren, um überflüssige Leerzeichen und Umbrüche zu entfernen.
- 4 Lies bei Fehlern die Meldung und korrigiere die markierte Stelle.
Wie Formatierung und Validierung arbeiten
Beide Aktionen laufen über das JSON.parse des Browsers selbst. Dein Text wird zu einem echten JavaScript-Wert geparst und dann mit JSON.stringify wieder ausgegeben — mit Einrückung beim Verschönern, ganz ohne Leerraum beim Minifizieren. Den nativen Parser statt eines selbstgebauten zu nutzen ist wichtig: Es ist dieselbe Implementierung, die der Browser auf jede API-Antwort anwendet. Was er akzeptiert, akzeptiert also genau auch ein strenger JSON-Konsument. Was hier parst, parst in deiner Anwendung.
Die Validierung ist ein Nebeneffekt desselben Parsens. Es gibt keinen separaten Linter: Wirft JSON.parse einen Fehler, ist die Eingabe ungültig und der Fehler wird angezeigt; liefert es einen Wert, ist sie gültig. Deshalb meldet das Tool nie, ein Dokument sei „wohl in Ordnung" — die Antwort ist binär und kommt vom Parser, nicht von einem Mustervergleich.
Weil der Hin- und Rückweg über einen echt geparsten Wert läuft, normalisiert das Formatieren auch Dinge, mit denen du vielleicht nicht rechnest. Doppelte Schlüssel fallen auf den zuletzt aufgetretenen zusammen, denn ein JavaScript-Objekt kann keine zwei identischen Schlüssel halten. Zahlen werden kanonisch neu serialisiert: 1.50 wird zu 1.5 und 1e3 zu 1000. Die Daten sind identisch, der Text ist aufgeräumter.
Alltägliche Anwendungen
Eine API-Antwort lesen
Eine minifizierte Antwort eines REST-Endpunkts ist eine einzige riesige Zeile. Verschönert wird die Struktur in Sekunden offensichtlich — und das reicht meist schon, um zu sehen, warum ein Feld fehlt.
Den Syntaxfehler finden
Eine Konfigurationsdatei, die nicht lädt, ist fast immer ein abschließendes Komma oder ein Schlüssel ohne Anführungszeichen. Der Parser nennt die genaue Position — besser, als 400 Zeilen nach dem schuldigen Zeichen abzusuchen.
Eine Nutzlast verkleinern
Minifizieren entfernt jedes Leerzeichen und jeden Zeilenumbruch. Bei einer großen Konfiguration oder einer in die Seite eingebetteten Datendatei sind das routinemäßig 15–25 % weniger, noch bevor komprimiert wird.
Zwei Dokumente vergleichen
Verschönere beide mit derselben Einrückung, und ein einfacher Text-Diff wird lesbar. Zwei unterschiedlich formatierte JSON-Dateien zu vergleichen meldet sonst jede Zeile als geändert.
Warum du JSON formatieren und validieren solltest
JSON ist das Standardformat für den Datenaustausch zwischen Web-Anwendungen, APIs und Konfigurationsdateien. In der Praxis kommen JSON-Daten oft als eine einzige, unlesbare Zeile an, in der sich Fehler leicht verstecken. Ein Formatierer rückt die Struktur mit klaren Einrückungen ein, sodass du Schlüssel, Werte und Verschachtelungen auf einen Blick erkennst. Die Validierung prüft, ob die Syntax korrekt ist, und weist auf fehlende Kommas, Klammern oder Anführungszeichen hin. Das spart wertvolle Zeit beim Debuggen von Schnittstellen. Mit der Minimierung entfernst du umgekehrt alle unnötigen Leerzeichen, um die Dateigröße für den Transport zu verringern und Ladezeiten zu verkürzen.
Was striktes JSON nicht erlaubt
JSON ist strenger als das JavaScript, aus dem es hervorging. Diese Unterschiede lassen Leute stolpern:
- Keine Kommentare. // und /* */ sind kein gültiges JSON, so verbreitet sie in Konfigurationsdateien auch sind. JSON5 und JSONC erlauben sie; der Standard nicht, und dieses Tool auch nicht.
- Keine abschließenden Kommas. Das Komma nach dem letzten Element eines Arrays oder Objekts ist gültiges modernes JavaScript und ungültiges JSON — die mit Abstand häufigste Ursache eines gescheiterten Parsens.
- Schlüssel brauchen doppelte Anführungszeichen. Einfache Anführungszeichen und nackte Schlüssel werden abgelehnt, was jeden überrascht, der ein aus JavaScript-Code kopiertes Objekt einfügt.
- Kein NaN, Infinity oder undefined. Dafür gibt es in JSON überhaupt keine Darstellung; ein Serialisierer muss null ausgeben oder das Feld weglassen.
- Doppelte Schlüssel verlieren stillschweigend Daten. Der Parser behält das letzte Vorkommen — ein Dokument mit zwei „id"-Feldern kommt mit einem zurück.
Fehlerbehebung
- „Unexpected token" an einer Stelle, die richtig aussieht
- Der Parser meldet, wo ihm das Problem aufgefallen ist, nicht immer, wo es begann. Eine nicht geschlossene Zeichenkette oder Klammer weiter oben zeigt sich oft erst viel weiter unten als Fehler. Prüfe die nächstgelegene Struktur, die vor der gemeldeten Position geöffnet und nie geschlossen wird.
- Mein JSON stammt aus einem Log und parst nicht
- Geloggtes JSON ist zum Einbetten oft maskiert, jedes Anführungszeichen kommt als \" an. Entferne zuerst die Maskierung — ein Suchen-und-Ersetzen von \" durch " im Texteditor ist meist der schnellste Weg.
- Die Ausgabe hat meine Zahlenformatierung verloren
- Das ist so vorgesehen. Zahlen werden kanonisch neu serialisiert: Nachkommanullen verschwinden, Exponentialschreibweise wird ausgeschrieben. Die Werte bleiben gleich; brauchst du aber exakte Texterhaltung — etwa bei einem als Zeichenkette geschriebenen Betrag — halte diese Felder als Zeichenketten statt als Zahlen.
Häufig gestellte Fragen
Werden meine JSON-Daten an einen Server gesendet?
Nein. Das Formatieren, Minimieren und Validieren geschieht vollständig in deinem Browser. Deine JSON-Daten werden nicht hochgeladen oder gespeichert, weshalb du auch vertrauliche Konfigurationen bedenkenlos einfügen kannst.
Wie erkenne ich, wo mein JSON fehlerhaft ist?
Bei ungültigem JSON zeigt das Tool eine Fehlermeldung an und weist auf die problematische Stelle hin. Häufige Ursachen sind fehlende Kommas, nicht geschlossene Klammern oder falsche Anführungszeichen.
Was ist der Unterschied zwischen Formatieren und Minimieren?
Formatieren rückt das JSON übersichtlich ein und macht es gut lesbar. Minimieren entfernt alle überflüssigen Leerzeichen und Zeilenumbrüche, um die Daten möglichst kompakt für die Übertragung zu machen.
Wird mein JSON beim Formatieren irgendwohin gesendet?
Nein. JSON.parse und JSON.stringify sind in deinem Browser eingebaut, der gesamte Vorgang bleibt im Tab. Das ist relevant, denn JSON-Nutzlasten tragen genau die Dinge, um die es geht: Kundendatensätze und Zugriffstokens — die Daten, die die meisten Menschen gedankenlos in Online-Formatierer einfügen.
Welche Einrückung soll ich nehmen?
Zwei Leerzeichen sind die vorherrschende Konvention in JavaScript und im Web-Werkzeugkasten, vier sind im Python- und .NET-Umfeld üblicher. Auf die Daten wirkt sich beides nicht aus, richtig ist also, was dein Projekt bereits verwendet — Einheitlichkeit im Repository zählt mehr als die Zahl.
Kommt es mit sehr großen Dateien zurecht?
Bis zu einem Punkt. Das Parsen ist schnell, aber ein Dokument von mehreren hundert Megabyte erschöpft den Speicher des Tabs, weil die gesamte Struktur auf einmal existieren muss. Für solche Dateien ist ein Streaming-Parser auf der Kommandozeile das richtige Werkzeug.
Verändert Minifizieren meine Daten?
Nein. Minifizieren entfernt nur bedeutungslosen Leerraum zwischen Tokens. Jeder Schlüssel, jeder Wert und die Reihenfolge von Arrays kommen unangetastet durch — das geparste Ergebnis ist identisch, weshalb du beliebig oft minifizieren und verschönern kannst, ohne dass etwas abdriftet.