JSON-Formatierer und Validator: JSON online formatieren, prüfen, debuggen
Unordentliches JSON einfügen, saubere Ausgabe erhalten. Formatiert, validiert und minimiert JSON direkt im Browser. Nichts wird an einen Server gesendet. Bei Fehlern siehst du genau, welche Zeile kaputt ist und warum.
JSON in 60 Sekunden
JSON (JavaScript Object Notation) ist das Standardformat für den Datenaustausch zwischen Servern und Browsern. Jede REST-API, die du je aufgerufen hast, gibt JSON zurück. Jede package.json, tsconfig.json und .eslintrc auf deinem Rechner ist JSON.
Das Format ist simpel: Objekte verwenden geschweifte Klammern, Arrays eckige Klammern, Strings brauchen doppelte Anführungszeichen. Aber die Einfachheit täuscht. Es gibt keine Kommentar-Syntax, nachgestellte Kommas sind illegal, und ein einziges falsch platziertes Komma zerstört das gesamte Dokument. Deshalb braucht man einen Formatierer mit Validierung.
JSON ist in RFC 8259 (Dezember 2017) definiert. Die Spezifikation hat nur 16 Seiten. Die Regel, über die die meisten stolpern: Objektschlüssel MÜSSEN Strings in doppelten Anführungszeichen sein. {name: "Max"} ist gültiges JavaScript, aber ungültiges JSON.
Anleitung
- JSON in den Eingabebereich links einfügen oder eintippen.
- Einrückung wählen: 2 Leerzeichen (JS/TS-Konvention) oder 4 Leerzeichen (Python-Konvention).
- Auf "Formatieren" klicken für Pretty-Print, oder "Minimieren" um Leerzeichen zu entfernen.
- Ergebnis kopieren. Bei Fehlern hebt der Validator die exakte Zeile und Zeichenposition hervor.
Wann du das brauchst
API-Antworten debuggen
Dein fetch() gibt einen 2000-Zeichen-Blob zurück. Hier einfügen, um die verschachtelte Struktur zu sehen. Viel schneller als console.log(JSON.stringify(data, null, 2)), besonders wenn du zwischen mehreren Endpoints springst.
Konfigurationsdateien vor dem Deploy validieren
Ein nachgestelltes Komma in deinem CloudFormation-Template gefunden? Das wäre ein 20-Minuten-Deploy-Fehler gewesen. Jede JSON-Konfiguration hier vor dem Push validieren.
Datenbank-Exporte aufräumen
MongoDB-Dumps und Firestore-Exporte kommen als massive einzeilige JSON. Formatieren, um das eine Dokument mit dem seltsamen Null-Feld zu finden, das dein Migrationsskript zum Absturz bringt.
JSON für Dokumentation vorbereiten
Ein JSON-Beispiel in deinen API-Docs oder README zeigen? Mit 2-Leerzeichen-Einrückung formatieren, kopieren, in den Markdown-Codeblock einfügen. 5 Sekunden.
Tipps aus der Praxis
Immer validieren bevor du parst
JSON.parse() immer in try-catch einwickeln. Ein nicht abgefangener JSON-Parse-Fehler in der Produktion crasht deinen Node-Prozess oder zeigt Benutzern einen weißen Bildschirm.
Vorsicht bei Copy-Paste-Encoding-Problemen
Typografische Anführungszeichen aus Slack oder Word, unsichtbare BOM-Zeichen aus Windows Notepad, geschützte Leerzeichen aus Webseiten. Alles davon zerstört gültig aussehendes JSON. Wenn der Validator "Fehler an Position 0" sagt, ist es wahrscheinlich ein unsichtbares Zeichen.
Wann KEIN Online-Tool
Dateien über 10MB: jq auf der Kommandozeile verwenden. Automatische Formatierung in CI: prettier oder python -m json.tool. Dieses Tool ist für schnelles manuelles Debugging am Schreibtisch, nicht für Pipeline-Automatisierung.
2 vs 4 Leerzeichen
Die JSON-Spezifikation ist es egal. JS/TS-Projekte verwenden fast ausnahmslos 2 Leerzeichen. Python-Projekte tendieren zu 4. Eines wählen und im Team konsistent bleiben.
Praxisbeispiele
Verschachtelte API-Antwort
Eine typische Benutzerprofil-API-Antwort, minimiert wie sie über das Netzwerk kommt.
Input
{"id":42,"name":"Max","email":"[email protected]","roles":["admin","editor"],"preferences":{"theme":"dark","locale":"de","notifications":{"email":true,"push":false}},"lastLogin":"2026-05-10T14:30:00Z"}Output
{
"id": 42,
"name": "Max",
"email": "[email protected]",
"roles": [
"admin",
"editor"
],
"preferences": {
"theme": "dark",
"locale": "de",
"notifications": {
"email": true,
"push": false
}
},
"lastLogin": "2026-05-10T14:30:00Z"
}Ungültiges JSON: Fehler finden
Sieht auf den ersten Blick korrekt aus, hat aber ein nachgestelltes Komma.
Input
{"users": [{"name": "Alice", "age": 30,}, {"name": "Bob", "age": 25}]}Output
Fehler an Position 38: Unerwartetes Token '}'. Das Komma nach "30" ist in JSON nicht erlaubt. Entferne das Komma zur Behebung.Funktionen
- 2 oder 4 Leerzeichen Einrückung, deine Wahl
- Fehler werden auf exakte Zeile und Zeichenposition lokalisiert
- Minimierung mit einem Klick für den Produktionseinsatz
- Deine Daten bleiben lokal. Null Netzwerkanfragen nach dem Laden der Seite.
- Getestet mit MongoDB-Dumps bis 50MB
- Keine Registrierung, keine Werbung, kein Tracking
Häufige Fragen
Mein JSON sieht gültig aus, aber der Parser sagt "unexpected token". Warum?
In neun von zehn Fällen ist es eines davon: (1) Nachgestelltes Komma, wie {"a": 1,} das ungültig ist, (2) Einfache Anführungszeichen, weil JSON nur doppelte erlaubt, (3) Schlüssel ohne Anführungszeichen wie {name: "Max"} was JS ist aber kein JSON, (4) Kommentare, weil // und /* */ in Standard-JSON nicht erlaubt sind. Wenn du Kommentare brauchst, schau dir JSONC oder JSON5 an.
Gibt es ein Dateigrößenlimit?
Kein hartes Limit. Es läuft im Speicher deines Browsers. Chrome verarbeitet bis ~100MB bevor Tabs anfangen zu crashen. Für über 10MB bekommst du bessere Performance mit jq oder fx auf der Kommandozeile.
Werden meine Daten an einen Server gesendet?
Nein. Null Netzwerkanfragen nach dem Laden der Seite. Öffne DevTools, geh zum Network-Tab, füge JSON ein, klicke Formatieren. Nichts wird gesendet. Das gesamte Tool ist clientseitiges JavaScript.
Was ist der Unterschied zwischen JSON und JSONC?
JSONC (JSON with Comments) erlaubt // und /* */ Kommentare sowie nachgestellte Kommas. VS Code verwendet es für settings.json und tsconfig.json. Standard-JSON-Parser lehnen JSONC ab. Du brauchst einen kompatiblen Parser wie jsonc-parser.
Warum erlaubt JSON keine nachgestellten Kommas?
Eine bewusste Design-Entscheidung der Spezifikation, um das Parsen einfach und eindeutig zu halten. JavaScript erlaubt sie, Python erlaubt sie, JSON nicht. Die meisten "ungültiges JSON"-Fehler in der Praxis entstehen, weil Entwickler annehmen, JSON folge denselben Regeln wie ihre Programmiersprache.
Tipps und verwandte Workflows
- Formatiertes JSON als URL-Parameter übergeben? Vorher kodieren mit dem URL-Encoder.
- Base64-kodierter JSON-Payload aus einer API? Dekodiere ihn mit dem Base64-Encoder.
- Regex-Muster für dein JSON-Schema testen? Ab in den Regex-Tester.
- Wenn deine JSON-Objekte eindeutige IDs brauchen, hol dir welche vom UUID-Generator.