Skip to main content

JSON-Formatter & Viewer

Formatiere, validiere, minimiere und erkunde JSON-Daten. 100% clientseitig — deine Daten verlassen deinen Browser nicht.

Eingabe
Ausgabe

Wie man JSON formatiert

1

Einfügen

Füge dein JSON in das Eingabefenster ein. Das Tool erkennt und validiert es sofort automatisch.

2

Formatieren

Klicke auf Formatieren zum Verschönern oder Minimieren zum Komprimieren. Wähle 2 Leerzeichen, 4 Leerzeichen oder Tabulator-Einrückung.

3

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.

Häufig gestellte Fragen

Ja. Die gesamte Verarbeitung erfolgt 100% in deinem Browser mit JavaScript. Deine JSON-Daten werden niemals an einen Server gesendet. Nichts verlässt dein Gerät. Du kannst dies überprüfen, indem du dich vom Internet trennst — das Tool funktioniert vollständig offline.
Das Tool verarbeitet JSON-Dateien bis zu 5–10 MB je nach deinem Browser. Bei sehr großen Dateien ist die Textansicht schneller als die Baumansicht. Falls dein Browser langsamer wird, versuche zuerst zu minimieren, um die Speichernutzung zu reduzieren.
Das Tool validiert und hebt Fehler hervor, repariert sie aber nicht automatisch. Häufige Probleme sind nachfolgende Kommas, einfache Anführungszeichen statt doppelte Anführungszeichen, unquotierte Schlüssel und fehlende Klammern. Die Fehlermeldung zeigt die genaue Position, um dir beim manuellen Reparieren zu helfen.
Standard-JSON erlaubt keine Kommentare. JSONC (JSON with Comments) ist eine Erweiterung, die von VS Code und TypeScript verwendet wird und // sowie /* */ Kommentare erlaubt. Dieses Tool validiert nur Standard-JSON — entferne Kommentare vor dem Formatieren.
Ja. Vollständig kostenlos ohne Limits, Anmeldung und Werbung. Das Tool läuft vollständig in deinem Browser — es funktioniert sogar ohne Internetverbindung, nachdem die Seite geladen wurde.

Verwandte Tools

Funktion vorschlagen

0 / 2000