Der Viewer ist für Lesen und Prüfen gedacht. Der Builder hilft beim visuellen Bearbeiten und Erstellen.

JSON Viewer

JSON einfügen und prüfen

Änderungen werden direkt validiert und in der Baumansicht angezeigt.

Datei laden

JSON-Datei hier ablegen

Zieh eine .json-Datei in dieses große Feld oder wähle sie manuell aus. Alles bleibt lokal im Browser.

Datei auswählen Drag & Drop funktioniert direkt in diesem Bereich.

JSON-Eingabe

Du kannst JSON direkt einfügen oder eine Datei laden. Alles bleibt lokal im Browser.

JSON-Eingabe

Suche nach Keys oder Werten

Keine Suche aktiv.

Nächster Schritt

Wenn dein JSON gültig ist, kannst du es kopieren oder direkt weiterbearbeiten.

Baumansicht steuern

Größere Strukturen lassen sich hier schneller öffnen oder einklappen.

Ergebnis

Baumansicht und Lesedarstellung

Knoten sind aufklappbar. Ein Klick zeigt dir den genauen JSON-Pfad.

Root-Typ -

Root-Elemente 0

Zeichen 0

Ausgewählter Pfad

Zum Beispiel user.address.city oder items[0].name.

(root)

Baumansicht

JSON Builder

JSON visuell zusammenbauen

Objekte und Arrays lassen sich hier ohne rohes Tippen verschachteln und anpassen.

Root-Typ

Baukasten

Felder hinzufügen, Typen wechseln und verschachtelte Daten direkt bearbeiten.

Live-Vorschau

JSON-Ausgabe und Baumansicht

Jede Änderung im Builder aktualisiert die JSON-Struktur sofort.

Root-Typ Object

Root-Elemente 0

Builder-Nodes 0

Ausgewählter Builder-Pfad

Du kannst jeden Vorschau-Knoten anklicken und den Pfad kopieren.

(root)

JSON Vorschau

Builder-Baumansicht

Hilfe

Kurze Orientierung

Die wichtigsten Datentypen in einfachen Worten.

StringText wie Namen, Orte oder IDs.

NumberZahlenwerte wie 42 oder 9.5.

Booleantrue oder false.

NullExplizit leer oder nicht gesetzt.

ObjectEine Sammlung aus Schlüsseln und Werten.

ArrayEine Liste mit mehreren Elementen.