JSON Formatter - JSON Validator & Pretty Print Online
Fügen Sie JSON-Daten ein und formatieren Sie diese sofort übersichtlich mit sauberer Einrückung. Syntaxfehler werden automatisch mit genauer Zeilen- und Spaltenangabe hervorgehoben.
Neben der JSON-Formatierung unterstützt das Tool auch Minify, Escape-Konvertierung, alphabetische Sortierung von Schlüsseln und eine praktische Tree-View-Darstellung.
Zusätzlich können Sie JSON in XML oder YAML konvertieren.
Alle Vorgänge laufen direkt im Browser ab. API-Antworten oder sensible Konfigurationsdateien werden niemals an externe Server übertragen.
Speichern Sie häufig verwendete JSON-Daten in Ihren Favoriten, um später schneller darauf zugreifen zu können.
In Kombination mit dem URL Encoder & Decoder oder dem Base64 Encoder eignet sich das Tool ideal für API-Debugging und Datenanalyse.
Echtzeit-Validierung & Synchronisierte Scrollansicht
Bei großen JSON-Dateien wird es oft schwierig, Syntaxfehler zu finden oder Änderungen vor und nach der Formatierung miteinander zu vergleichen.
Der Vivoldi JSON Formatter wurde entwickelt, um beide Probleme gleichzeitig zu lösen.
Die Echtzeit-Validierung prüft JSON sofort während der Eingabe.
Fehler werden direkt mit exakter Zeilen- und Spaltenposition angezeigt. Auch typische Probleme wie Trailing Commas, einfache Anführungszeichen oder fehlerhafte Klammern werden sofort erkannt.
Die Scroll-Synchronisierung hält beide Editorbereiche automatisch auf derselben Position.
So können Originaldaten und formatierte Ausgabe bequem nebeneinander verglichen werden — selbst bei sehr großen JSON-Dateien.
JSON-Statistiken, Favoriten & Automatisch gespeicherte Einstellungen
Der Vivoldi JSON Formatter bietet neben der Formatierung zusätzliche Funktionen für effizienteres Arbeiten mit JSON-Dateien.
Über JSON-Statistiken können Sie Dateigröße (Bytes), Anzahl der Schlüssel, Verschachtelungstiefe, Anzahl von Arrays, Objekten und den Root-Typ sofort anzeigen lassen.
Das ist besonders hilfreich zur Analyse von API-Antworten und komplexen JSON-Strukturen.
Mit den Favoriten lassen sich häufig verwendete JSON-Daten inklusive Titel speichern. Alle Daten bleiben ausschließlich im lokalen Speicher des Browsers und werden niemals an externe Server übertragen.
Editor-Einstellungen wie Schriftgröße, Tab-Breite und Theme werden automatisch gespeichert.
Selbst nach dem Neuladen der Seite bleiben Ihre zuletzt verwendeten Einstellungen erhalten.
JSON Pretty Print Codebeispiele nach Programmiersprache
In der Praxis muss JSON häufig direkt im Code formatiert werden und nicht nur über Online-Tools.
Pretty-Print-Ausgaben verbessern die Lesbarkeit von Logs, Konfigurationsdateien und API-Antworten deutlich. Hier finden Sie typische Beispiele für wichtige Programmiersprachen.
| Sprache | Pretty Print Code | Einrückung |
|---|---|---|
| JavaScript / Node.js | JSON.stringify(obj, null, 2) |
2 Leerzeichen (anpassbar) |
| Python | json.dumps(data, indent=4, ensure_ascii=False) |
4 Leerzeichen (Unicode-Unterstützung) |
| Java (Jackson) | mapper.writerWithDefaultPrettyPrinter().writeValueAsString(obj) |
Jackson-Standard |
| PHP | json_encode($data, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) |
4 Leerzeichen (Unicode-Unterstützung) |
| Go | json.MarshalIndent(data, "", " ") |
2 Leerzeichen |
| C# | JsonSerializer.Serialize(obj, new JsonSerializerOptions { WriteIndented = true }) |
2 Leerzeichen |
| Ruby | JSON.pretty_generate(data) |
2 Leerzeichen |
Sie können formatiertes JSON aus Ihrem Code in dieses Tool einfügen, um die Struktur visuell zu prüfen, oder das hier formatierte JSON direkt in Ihre Anwendung übernehmen.
JSON vs XML vs YAML - Welches Format Ist Die Beste Wahl?
JSON, XML und YAML dienen alle zur Strukturierung von Daten, unterscheiden sich jedoch deutlich in ihren typischen Einsatzbereichen. Wenn Sie unsicher sind, welches Format am besten geeignet ist, hilft Ihnen die folgende Übersicht weiter.
| Vergleichspunkt | JSON | XML | YAML |
|---|---|---|---|
| Typische Einsatzbereiche | REST APIs, Webanwendungen, Datenaustausch | Legacy-Systeme, Enterprise-Integrationen, komplexe Dokumente | CI/CD-Konfigurationen, Docker, Kubernetes |
| Dateigröße | Kompakt | Größer durch wiederholte Tags | Sehr kompakt |
| Lesbarkeit | Hoch (Key-Value-Struktur) | Mittel (verschachtelte Tags können komplex werden) | Sehr hoch (einrückungsbasiert) |
| Kommentar-Unterstützung | Standardmäßig nicht unterstützt | Unterstützt | Unterstützt (#) |
| Parsing-Geschwindigkeit | Schnell | Relativ langsamer | Mittel |
| Browser-Unterstützung | Nativ unterstützt | Zusätzlicher Parser erforderlich | Zusätzlicher Parser erforderlich |
| Datentypen | Unterstützt Zahlen, Boolean und null | Überwiegend stringbasiert | Unterstützt Zahlen, Boolean und null |
JSON ist heute der Standard für REST APIs und moderne Webanwendungen.
YAML eignet sich besonders für Konfigurationsdateien, die direkt von Entwicklern bearbeitet werden. XML bleibt weiterhin wichtig für Enterprise-Systeme und Legacy-Integrationen.
Mit diesem Formatter können Sie JSON direkt in XML oder YAML umwandeln und die Ergebnisse sofort vergleichen.
JSON-Strukturen mit Tree View Erkunden & In XML oder YAML Konvertieren
JSON-Dateien mit vielen verschachtelten Objekten und Arrays lassen sich als reiner Text oft nur schwer nachvollziehen.
Mit dem Tree-View-Modus können Sie die Struktur visuell durchsuchen. Einzelne Knoten lassen sich ein- und ausklappen, sodass Sie sich gezielt auf relevante Bereiche konzentrieren können.
Wenn Sie das Ausgabeformat auf XML oder YAML umstellen, wird dieselbe Datenstruktur sofort im rechten Editorbereich konvertiert angezeigt.
Das Ergebnis kann kopiert oder als Datei heruntergeladen werden und eignet sich ideal zum direkten Vergleich verschiedener Datenformate.
JSON-Dateien Öffnen, URLs Laden & Im Vollbild Bearbeiten
Laden Sie lokale .json-Dateien hoch oder geben Sie eine externe URL ein, um JSON-Daten direkt im Editor zu öffnen.
Das Tool eignet sich ideal zum Öffnen und Bearbeiten von JSON-Dateien direkt im Browser — ganz ohne zusätzliche Installation.
Bei großen JSON-Dateien sorgt der Vollbildmodus für deutlich mehr Arbeitsfläche.
Klicken Sie auf das Vollbildsymbol oben rechts, um den Editor über das gesamte Browserfenster zu erweitern.
Häufige JSON-Syntaxfehler und Ihre Ursachen
JSON verwendet strenge Syntaxregeln, sodass bereits kleine Fehler dazu führen können, dass das Parsen fehlschlägt. Wenn die Fehlermeldung unklar erscheint, sollten Sie zuerst die folgenden typischen Ursachen prüfen.
Trailing Commas gehören zu den häufigsten JSON-Fehlern. Befindet sich hinter dem letzten Element eines Arrays oder Objekts noch ein Komma, erzeugt der JSON-Parser einen Fehler.
Der JSON-Standard erlaubt keine abschließenden Kommata. Dieses Problem tritt häufig auf, wenn JavaScript-Objektliterale direkt übernommen werden.
Auch Anführungszeichen verursachen oft Probleme. Schlüssel und Zeichenketten müssen immer mit doppelten Anführungszeichen (") geschrieben werden. Einfache Anführungszeichen (') sind im JSON-Standard nicht erlaubt.
Nicht passende Klammern werden bei tief verschachtelten Strukturen schnell unübersichtlich. Arrays müssen korrekt mit [] und Objekte mit {} geöffnet und geschlossen werden.
Die Echtzeit-Validierung dieses Formatters zeigt die genaue Zeile und Spalte des Fehlers an und erleichtert dadurch das Debugging erheblich.
Häufig gestellte Fragen
Der Vivoldi JSON Formatter ist ein Online-Tool zum übersichtlichen Formatieren von JSON-Daten und zur Echtzeitprüfung von Syntaxfehlern.
Zu den wichtigsten Funktionen gehören:
- JSON-Formatierung und Minify-Modus
- Echtzeit-Validierung — zeigt die genaue Fehlerzeile und Spalte an
- Scroll-Synchronisierung — beide Editoren bewegen sich gleichzeitig
- Tree View — visuelle Darstellung verschachtelter JSON-Strukturen
- XML / YAML-Konvertierung
- Alphabetische Sortierung von Schlüsseln — aufsteigend, absteigend oder bereichsbezogen
- Escape-Zeichen-Konvertierung
- Favoriten speichern — bis zu 10 JSON-Einträge lokal sichern
- JSON-Statistiken — Dateigröße, Schlüsselanzahl, Verschachtelungstiefe und mehr
- Automatisches Speichern der Editor-Einstellungen — bleibt auch nach dem Neuladen erhalten
Nein. Die gesamte Verarbeitung erfolgt direkt im Browser.
JSON-Daten mit API-Keys, Passwörtern oder persönlichen Informationen werden niemals an externe Server übertragen.
Eingegebene Daten verschwinden nach dem Schließen der Seite. Favoriten werden ausschließlich im lokalen Speicher gespeichert.
Wenn ein JSON-Fehler auftritt, zeigt die Statusleiste unten die genaue Zeile und Spalte des Problems an. Wechseln Sie zu dieser Position und prüfen Sie die folgenden Punkte Schritt für Schritt.
- Prüfen Sie, ob nach dem letzten Element noch ein Komma (
,) vorhanden ist - Stellen Sie sicher, dass Schlüssel und Zeichenketten doppelte Anführungszeichen (
") verwenden - Kontrollieren Sie, ob Arrays (
[]) und Objekte ({}) korrekt geöffnet und geschlossen wurden - Prüfen Sie, ob Zahlen, Boolean-Werte oder null fälschlicherweise in Anführungszeichen stehen
Nach der Korrektur können Sie den JSON-Inhalt erneut einfügen. Die Syntaxprüfung wird sofort in Echtzeit aktualisiert.
Dateien mit der Erweiterung .json können hochgeladen werden. Da die gesamte Verarbeitung direkt im Browser erfolgt, gibt es keine serverseitigen Upload-Beschränkungen.
Sehr große Dateien können jedoch abhängig vom verfügbaren Arbeitsspeicher und der Browserleistung langsamer verarbeitet werden.
Bei großen JSON-Dateien bietet der Vollbildmodus deutlich mehr Platz zum Bearbeiten.
Wählen Sie XML oder YAML im Ausgabeformat-Dropdown oberhalb des rechten Editors aus, um das konvertierte Ergebnis sofort anzuzeigen.
Die konvertierten Daten können auf verschiedene Weise genutzt werden:
- Das Ergebnis direkt in die Zwischenablage kopieren und in den Code einfügen
- Die konvertierten Daten als Datei herunterladen
- Strukturunterschiede zwischen verschiedenen Formaten mit echten Daten vergleichen
Sie können bis zu 10 Favoriten speichern. Jeder Eintrag kann mit einem eigenen Titel versehen werden.
Alle gespeicherten Daten werden im lokalen Speicher Ihres Browsers abgelegt.
Favoriten werden gelöscht, wenn Browserdaten entfernt oder einzelne Einträge manuell aus der Favoritenliste gelöscht werden. Eine Synchronisierung zwischen verschiedenen Geräten oder Browsern erfolgt nicht.
Ja, das ist möglich. Mit der Funktion Key Sorting können Sie über das Select-Key-Dropdown genau festlegen, welcher Bereich der JSON-Struktur sortiert werden soll.
- All Keys (Root Level) — sortiert alle Schlüssel auf der obersten Ebene des JSON-Objekts
- Bestimmten Objektpfad auswählen — zum Beispiel
useroderuser.address, um nur Schlüssel innerhalb verschachtelter Objekte zu sortieren
Die Sortierreihenfolge kann auf aufsteigend (A → Z) oder absteigend (Z → A) eingestellt werden.