Wofür wird der JSON Viewer verwendet?

Mit dem JSON Viewer kannst du JSON formatieren, minifizieren und als einklappbaren Baum erkunden, sodass du API-Antworten und Konfigurationsdateien lesen kannst, ohne eine Wand aus rohem Text zu durchsuchen.

Wie erhalte ich den Pfad zu einem Wert im JSON Viewer?

Klicke im Viewer-Tab auf einen beliebigen Knoten, und sein Pfad, zum Beispiel author.links, erscheint in der Leiste am unteren Rand, bereit zum Kopieren.

Kann ich den ganzen Baum auf einmal erweitern oder einklappen?

Ja. Nutze die Schaltflächen Alle erweitern und Alle einklappen in der Werkzeugleiste, um das gesamte Dokument mit einem Klick umzuformen.

Formatiert und minifiziert der JSON Viewer mein JSON auch?

Ja. Der Text-Tab verschönert oder komprimiert rohes JSON mit den Schaltflächen Formatieren und Minifizieren, und der Viewer-Tab zeigt es dann als navigierbaren Baum.

Wird mein JSON irgendwohin gesendet, wenn ich den JSON Viewer verwende?

Nein. Der JSON Viewer verarbeitet alles lokal in deinem Browser, sodass deine Daten dein Gerät nie verlassen und nichts hochgeladen wird.

Wie geht der JSON Viewer mit ungültigem JSON um?

Der Viewer-Tab benötigt gültiges JSON, um den Baum zu erstellen; behebe alle im Text-Tab gemeldeten Fehler, inklusive Zeile und Spalte, und der Baum wird gerendert.

JSON-Viewer

Text- und einklappbare Baumansicht mit Ein-/Ausklappen und Knotenpfaden.

Dein JSON wird lokal in deinem Browser geparst und angezeigt, und nichts wird auf einen Server hochgeladen.

Brauchst du TypeScript-Typen aus deinem JSON? Probiere das JSON-zu-TypeScript-Tool.

Über JSON-Viewer

Dieser JSON Viewer bietet dir einen Arbeitsbereich mit zwei Bereichen zum Lesen und Aufräumen von JSON: Bearbeite, formatiere oder minifiziere deine Daten im Text-Tab und wechsle dann zum Viewer-Tab, um sie als einklappbaren Baum durchzugehen. Er ist für Entwickler, QA-Ingenieure und alle gemacht, die eine API-Antwort debuggen und JSON online ansehen müssen, ohne sich durch eine Textwand zu wühlen. Erweitere oder klappe Knoten ein, dringe in verschachtelte Objekte und Arrays vor und klicke auf einen beliebigen Wert, um seinen exakten Pfad zu kopieren. Als JSON Tree Viewer dient er zugleich als schneller JSON Formatter, der dir hilft, minifizierte Daten zu verschönern und die Struktur auf einen Blick zu erkennen. Alles läuft vollständig in deinem Browser, sodass deine Daten dein Gerät nie verlassen und nichts auf einen Server hochgeladen wird.

Funktionen

Layout mit zwei Bereichen: ein Text-Tab zum Bearbeiten und Formatieren, ein Viewer-Tab zum Erkunden
Einklappbare Baumansicht zum Erweitern und Einklappen verschachtelter Objekte und Arrays
Schaltflächen Alle erweitern und Alle einklappen, um das ganze Dokument auf einmal umzuformen
Klicke auf einen Knoten, um seinen vollständigen Pfad (zum Beispiel author.links) in der unteren Leiste zu sehen
Kopiere den Pfad eines Knotens mit einem Klick zur Verwendung in Code oder Abfragen
Formatieren zum Verschönern oder Minifizieren zum Komprimieren von rohem JSON im Text-Tab
Lade das formatierte JSON herunter oder kopiere das ganze Dokument sofort
Läuft vollständig in deinem Browser, ohne dass etwas auf einen Server hochgeladen wird

So verwendest du JSON-Viewer

Füge dein JSON in den Text-Tab ein oder tippe es ein.
Klicke auf Formatieren zum Verschönern oder auf Minifizieren zum Komprimieren und bestätige, dass es gültig ist.
Wechsle zum Viewer-Tab, um den einklappbaren Baum zu sehen.
Nutze Alle erweitern oder Alle einklappen, oder klicke auf einzelne Knoten, um vorzudringen.
Klicke auf einen Wert und kopiere seinen Pfad aus der Leiste am unteren Rand.

Beispiel

Eingabe

{"author":{"name":"Ada","links":["site","blog"]}}

Ausgabe

{
  "author": {
    "name": "Ada",
    "links": [
      "site",
      "blog"
    ]
  }
}

Im Text-Tab formatiert; ein Klick auf den ersten Link im Viewer zeigt den Pfad author.links[0].

Häufige Fehler & Fehlerbehebung

Der Viewer-Tab ist leer oder zeigt nichts zum Erweitern an. — Prüfe den Text-Tab auf einen Syntaxfehler wie ein nachgestelltes Komma oder einen Schlüssel ohne Anführungszeichen; der Baum wird nur bei gültigem JSON gerendert.
Ein eingefügtes Snippet hat einfache Anführungszeichen oder JavaScript-Schlüssel. — JSON erfordert Schlüssel und String-Werte in doppelten Anführungszeichen. Wandle einfache vor dem Ansehen in doppelte Anführungszeichen um.
Ein riesiges Dokument lässt sich nur langsam erweitern. — Nutze zuerst Alle einklappen und erweitere dann nur die benötigten Zweige, statt alle Knoten auf einmal zu öffnen.
Du hast einen Pfad kopiert, aber er passt nicht zu deinem Code. — Pfade verwenden Punkt- und Klammernotation von der Wurzel aus; passe sie an die Zugriffssyntax deiner Sprache an, falls sie abweicht.

Häufig gestellte Fragen

Wofür wird der JSON Viewer verwendet?: Mit dem JSON Viewer kannst du JSON formatieren, minifizieren und als einklappbaren Baum erkunden, sodass du API-Antworten und Konfigurationsdateien lesen kannst, ohne eine Wand aus rohem Text zu durchsuchen.
Wie erhalte ich den Pfad zu einem Wert im JSON Viewer?: Klicke im Viewer-Tab auf einen beliebigen Knoten, und sein Pfad, zum Beispiel author.links, erscheint in der Leiste am unteren Rand, bereit zum Kopieren.
Kann ich den ganzen Baum auf einmal erweitern oder einklappen?: Ja. Nutze die Schaltflächen Alle erweitern und Alle einklappen in der Werkzeugleiste, um das gesamte Dokument mit einem Klick umzuformen.
Formatiert und minifiziert der JSON Viewer mein JSON auch?: Ja. Der Text-Tab verschönert oder komprimiert rohes JSON mit den Schaltflächen Formatieren und Minifizieren, und der Viewer-Tab zeigt es dann als navigierbaren Baum.
Wird mein JSON irgendwohin gesendet, wenn ich den JSON Viewer verwende?: Nein. Der JSON Viewer verarbeitet alles lokal in deinem Browser, sodass deine Daten dein Gerät nie verlassen und nichts hochgeladen wird.
Wie geht der JSON Viewer mit ungültigem JSON um?: Der Viewer-Tab benötigt gültiges JSON, um den Baum zu erstellen; behebe alle im Text-Tab gemeldeten Fehler, inklusive Zeile und Spalte, und der Baum wird gerendert.