JSON-Formatter & Viewer
Formatiere, validiere, minimiere und erkunde JSON-Daten. 100% clientseitig — deine Daten verlassen deinen Browser nicht.
Wie man JSON formatiert
Einfügen
Füge dein JSON in das Eingabefenster ein. Das Tool erkennt und validiert es sofort automatisch.
Formatieren
Klicke auf Formatieren zum Verschönern oder Minimieren zum Komprimieren. Wähle 2 Leerzeichen, 4 Leerzeichen oder Tabulator-Einrückung.
Kopieren
Kopiere das Ergebnis in die Zwischenablage oder wechsle zur Baumansicht, um verschachtelte Strukturen visuell zu erkunden.
Was ist JSON?
JSON (JavaScript Object Notation) ist ein leichtes Datenaustauschformat, das von Menschen leicht zu lesen und zu schreiben ist und von Maschinen leicht zu analysieren und zu generieren ist. Es ist das dominierende Format für APIs, Konfigurationsdateien und Datenspeicherung im Web.
JSON unterstützt sechs Datentypen: Strings (Text in doppelten Anführungszeichen), Zahlen (Ganzzahlen und Dezimalzahlen), Boolesche Werte (true/false), null, Arrays (geordnete Listen) und Objekte (Schlüssel-Wert-Paare). Jedes gültige JSON-Dokument ist entweder ein Objekt {} oder ein Array [] auf der obersten Ebene.
Funktionen
Formatieren & Verschönern
Wandle minimiertes JSON in korrekt eingerücktes, menschenlesbares Format um. Wähle zwischen 2 Leerzeichen, 4 Leerzeichen oder Tabulator-Einrückung, um deinen Projektstil zu entsprechen.
Minimieren
Entferne alle Leerzeichen und Zeilenumbrüche, um die kleinstmögliche JSON-Ausgabe zu erzeugen. Ideal für Produktions-APIs, Konfigurationsdateien und zur Verringerung der Nutzlastgröße.
Validieren
Sofortige JSON-Validierung mit klaren Fehlermeldungen, die auf die genaue Zeile und Position des Syntaxfehlers hinweisen. Erkennt fehlende Kommas, unquotierte Schlüssel, nachfolgende Kommas und mehr.
Baumansicht
Erkunde JSON als ausklappbare Baumstruktur. Klicke zum Erweitern/Zusammenklappen von Objekten und Arrays. Datentypen farbcodiert: Strings in Grün, Zahlen in Gelb, Boolesche Werte in Pink.
Häufige Anwendungsfälle
- API-Debugging — formatiere API-Antworten, um die Datenstruktur zu verstehen, fehlende Felder zu finden und korrekte Verschachtelung zu überprüfen.
- Konfigurationsdateien — validiere und verschönere package.json, tsconfig.json, .eslintrc und andere Konfigurationsdateien vor dem Einchecken.
- Datenanalyse — erkunde große JSON-Datensätze mit Baumansicht, um die Struktur ohne Programmierung zu verstehen.
- Lernen & Lehren — visualisiere JSON-Struktur für Tutorials, Dokumentation und Lernübungen.