Was ist ein JSON-Formatter?

Ein Tool, das kompaktes oder schlecht formatiertes JSON in lesbaren Text mit Einrückung und Zeilenumbrüchen umwandelt und dabei prüft, ob die Syntax korrekt ist, bevor du die Daten anderswo verwendest.

Wird das JSON, das ich hier einfüge, an einen Server gesendet?

Nein. Die gesamte Formatierung, Validierung und Minifizierung findet in deinem Browser statt. Nichts, was hier eingefügt wird, wird an unsere Server gesendet oder dort gespeichert.

Warum wird mein JSON als ungültig angezeigt, obwohl es korrekt aussieht?

Die häufigsten Ursachen sind ein überzähliges Komma vor einer Schließung, einfache statt doppelter Anführungszeichen und eine nicht geschlossene geschweifte oder eckige Klammer. Das Fehlerpanel zeigt die genaue Zeile und Spalte, damit du das Problem schnell findest.

Validiert dieses Tool ein JSON Schema?

Nein. Dieses Tool prüft, ob der Text syntaktisch gültiges JSON ist, nicht ob er einem bestimmten Schema folgt. Um gegen ein JSON Schema zu validieren, brauchst du ein Tool, das speziell dafür gebaut ist.

Kann man hier zwei JSON-Dateien vergleichen?

Nein. Dieses Tool formatiert, validiert und minifiziert jeweils ein JSON auf einmal. Um zwei Dokumente zu vergleichen und die Unterschiede zu sehen, brauchst du ein dediziertes Diff-Tool.

Was ist der Unterschied zwischen formatiertem und minifiziertem JSON?

Formatiertes JSON nutzt Einrückung und Zeilenumbrüche für bessere Lesbarkeit. Minifiziertes JSON entfernt jeden unnötigen Leerraum, wodurch die Datei kleiner wird, ideal zum Senden über das Netzwerk oder für den Einsatz in Produktion.

Funktioniert das Tool mit großen JSON-Dateien?

Ja, die Verarbeitung läuft vollständig in deinem Browser und kommt gut mit Dateien von mehreren hundert KB zurecht. Bei sehr großen Dateien empfiehlt sich die Baumansicht, die tiefere Ebenen bei Bedarf rendert.

Korrigiert das Tool ungültiges JSON automatisch?

In manchen Fällen. Wenn das Problem ein überzähliges Komma oder ein Kommentar mitten im JSON ist, erscheint ein Button, um die Korrektur automatisch anzuwenden. Strukturellere Fehler, wie einfache Anführungszeichen oder eine nicht geschlossene Klammer, müssen manuell behoben werden, mithilfe der genauen Stelle, auf die der Fehler zeigt.

JSON-Formatter

Formatiere, validiere und minifiziere JSON, ohne deinen Browser zu verlassen. Syntaxfehler zeigen Zeile, Spalte und, wenn möglich, eine automatische Korrektur.

Einrückung

Ansicht

Eingabe-JSON

Ergebnis

Noch nichts zum Anzeigen

Füge im Feld daneben ein JSON ein oder tippe es, um das formatierte Ergebnis, den Baum oder Validierungsfehler zu sehen.

Wie nutzt man den JSON-Formatter?

JSON einfügen

Füge das JSON in das Eingabefeld ein oder tippe es, oder lade das Beispiel, um das Tool auszuprobieren.

Ergebnis prüfen

Das formatierte Ergebnis erscheint automatisch daneben. Bei einem Fehler werden die genaue Zeile und Spalte angezeigt.

Format anpassen

Wähle die Einrückung und wechsle je nach Bedarf zwischen formatiert, Baum und minifiziert.

Kopieren oder herunterladen

Kopiere das Ergebnis mit einem Klick oder lade es als .json-Datei herunter.

Funktionen des JSON-Formatters

Sofortige Formatierung

Füge das JSON ein und sieh das formatierte Ergebnis sofort, ohne irgendwohin klicken zu müssen. Die Validierung läuft dabei in Echtzeit mit.

Fehler mit Zeile und Spalte

Wenn das JSON ungültig ist, wird der Grund in klarer Sprache erklärt, mit Zeile, Spalte und einem Textausschnitt, der genau auf das Problem zeigt.

Navigierbarer Baum mit Suche

Erkunde verschachtelte Objekte und Arrays in einem Baum, den du aus- und einklappen kannst, und finde jeden Schlüssel oder Wert über die Suche.

Alles in deinem Browser

Formatierung, Validierung und Minifizierung laufen lokal ab. Kein hier eingefügtes JSON verlässt jemals deinen Browser.

Was ist JSON?

JSON (JavaScript Object Notation) ist ein Textformat zur Darstellung strukturierter Daten: Objekte mit Schlüssel-Wert-Paaren, Listen, Strings, Zahlen, Booleans und null. Trotz des Namens ist es nicht von JavaScript abhängig. Es ist das Standardformat für REST-API-Antworten, Konfigurationsdateien und den Datenaustausch zwischen Systemen, mit nativer Unterstützung in praktisch jeder Sprache.

Syntax von gültigem JSON

JSON akzeptiert sechs Werttypen: einen String in doppelten Anführungszeichen, eine Zahl, einen Boolean, null, ein Objekt in geschweiften Klammern und ein Array in eckigen Klammern. Objektschlüssel stehen immer in doppelten Anführungszeichen, nie in einfachen, und Elemente derselben Ebene werden durch Kommas getrennt, ohne überzähliges Komma nach dem letzten.

Beispiel für gültiges JSON:

{
  "name": "Ana",
  "active": true,
  "age": 30,
  "tags": ["dev", "qa"],
  "address": null
}

Wofür Devs und QAs den JSON-Formatter nutzen

Das Formatieren und Validieren von JSON gehört zum Alltag von Softwareentwicklung und -test:

Eine API-Antwort lesen, die als einzelne Zeile ohne Einrückung direkt aus DevTools, Postman oder Insomnia kommt
Ein Payload vor dem Senden validieren, um sicherzustellen, dass die Syntax stimmt, bevor die Logik debuggt wird
Test-Fixtures und Mocks inspizieren und mithilfe des Baums tief verschachtelte Strukturen navigieren, ohne den Überblick zu verlieren
Eine Konfigurationsdatei oder Antwort minifizieren, bevor sie in ein Repository committet oder über das Netzwerk gesendet wird

Häufige Fehler beim Schreiben von JSON

Ein überzähliges Komma am Ende lassen

JSON akzeptiert, anders als JavaScript, kein Komma nach dem letzten Element eines Objekts oder Arrays. Das ist die häufigste Fehlerursache, wenn ein JS-Objekt direkt als JSON eingefügt wird.

Einfache Anführungszeichen verwenden

JSON verlangt doppelte Anführungszeichen für Schlüssel und Strings. Einfache Anführungszeichen, üblich in JavaScript-Objekten, machen den Inhalt als JSON ungültig.

Eine geschweifte oder eckige Klammer nicht schließen

Bei großen, tief verschachtelten Payloads verliert man leicht den Überblick über offene geschweifte und eckige Klammern. Zeile und Spalte des Fehlers zeigen genau, wo die schließende Klammer fehlt.

JSON mit einem JavaScript-Objekt verwechseln

JSON akzeptiert weder Kommentare noch Funktionen, undefined oder Schlüssel ohne Anführungszeichen. Ein gültiges JavaScript-Objekt muss kein gültiges JSON sein, selbst wenn es identisch aussieht.

Häufig gestellte Fragen zum JSON-Formatter

Alles, was du wissen musst, um JSON im Alltag zu formatieren, zu validieren und zu debuggen.