JSON-Formatierer — JSON Online Formatieren, Validieren und Debuggen
Unordentliches JSON einfügen, saubere Ausgabe erhalten. Dieses Tool formatiert, validiert und minimiert JSON direkt in Ihrem Browser — nichts wird an einen Server gesendet. Bei Fehlern wird genau angezeigt, welche Zeile defekt 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 Sie je aufgerufen haben, gibt JSON zurück. Jede package.json, tsconfig.json und .eslintrc auf Ihrem Rechner ist JSON.
Das Format ist einfach — 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 brauchen Sie 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).
- „Formatieren" für Pretty-Print klicken, oder „Minimieren" um Leerzeichen zu entfernen.
- Ergebnis kopieren. Bei Fehlern hebt der Validator die exakte Zeile und Zeichenposition hervor.
Wann Sie dies verwenden werden
API-Antworten debuggen
Ihr 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)) wenn Sie zwischen mehreren Endpoints springen.
Konfigurationsdateien vor dem Deploy validieren
Ein nachgestelltes Komma in Ihrem CloudFormation-Template gefunden? Das ist ein 20-Minuten-Deploy-Fehler, den Sie gerade vermieden haben. 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 Ihr Migrationsskript crasht.
JSON für Dokumentation vorbereiten
Ein JSON-Beispiel in Ihren API-Docs oder README zeigen? Mit 2-Leerzeichen-Einrückung formatieren, kopieren, in Ihren Markdown-Codeblock einfügen. In 5 Sekunden erledigt.
Tipps aus der Praxis
Immer validieren bevor Sie parsen
JSON.parse() immer in try-catch einwickeln. Ein nicht abgefangener JSON-Parse-Fehler in der Produktion crasht Ihren Node-Prozess oder zeigt Benutzern einen weißen Bildschirm.
Vorsicht bei Copy-Paste-Encoding-Problemen
Typografische Anführungszeichen aus Slack/Word (“” statt ""), unsichtbare BOM-Zeichen aus Windows Notepad, und geschützte Leerzeichen aus Webseiten — alles zerstört gültig aussehendes JSON.
Wissen, wann man KEIN Online-Tool verwenden sollte
Für Dateien über 10MB: jq auf der Kommandozeile verwenden. Für automatische Formatierung in CI: prettier oder python -m json.tool. Dieses Tool ist für schnelles manuelles Debugging am Schreibtisch.
2 Leerzeichen vs 4 Leerzeichen
Die JSON-Spezifikation ist es egal. Aber JS/TS-Projekte verwenden überwiegend 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 das das Parsen verhindert.
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. Entfernen Sie das Komma zur Behebung.Funktionen
- Formatiert JSON mit 2 oder 4 Leerzeichen Einrückung — Ihre Wahl
- Validiert und lokalisiert Fehler auf exakte Zeile und Zeichen
- Minimiert JSON mit einem Klick für den Produktionseinsatz
- Läuft 100% im Browser — null Daten werden gesendet
- Getestet mit MongoDB-Dumps bis 50MB
- Keine Registrierung, keine Werbung, kein Tracking
Häufig Gestellte 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 — {"a": 1,} ist ungültig, (2) Einfache Anführungszeichen — JSON erfordert nur doppelte, (3) Schlüssel ohne Anführungszeichen — {name: "Max"} ist JS aber nicht JSON, (4) Kommentare — // und /* */ sind in Standard-JSON nicht erlaubt.
Gibt es ein Dateigrößenlimit?
Kein hartes Limit unsererseits — es läuft im Speicher Ihres Browsers. Chrome verarbeitet bis ~100MB bevor Tabs anfangen zu crashen. Für über 10MB bekommen Sie bessere Performance mit jq oder fx auf der Kommandozeile.
Sendet dieses Tool meine Daten an einen Server?
Nein. Null Netzwerkanfragen nach dem Laden der Seite. Öffnen Sie DevTools → Network-Tab, fügen Sie JSON ein, klicken Sie 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 — Sie brauchen 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, aber 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
- Müssen Sie Ihr formatiertes JSON als URL-Parameter kodieren? Nutzen Sie unseren URL-Encoder.
- Arbeiten Sie mit API-Tokens? Dekodieren Sie Base64-kodierte JSON-Daten mit unserem Base64-Encoder.
- Validieren Sie Ihre Regex-Muster, bevor Sie sie im JSON-Schema verwenden, mit unserem Regex-Tester.
- Generieren Sie eindeutige Bezeichner für Ihre JSON-Objekte mit unserem UUID-Generator.