JSON Viewer online
Baum, Tabelle und Editor
Dieser JSON Viewer online zeigt Ihre Daten als Baum, den Sie öffnen und durchsuchen können, oder als Tabelle. Klicken Sie dann auf eine Zeile, um ihren Pfad zu kopieren oder ihren Wert zu ändern. Alles läuft in Ihrem Tab.
- GratisPreis
- 2Ansichten
- KeineAnmeldung
- KeineUploads
JSON Viewer und Editor
JSON als Baum oder Tabelle lesen, durchsuchen und ändern
- Schlüssel
- 0
- Tiefe
- 0
- Größe
- 0 B
- Zeichenketten
- 0
- Zahlen
- 0
- Andere Werte
- 0
Gültiges JSON erscheint hier als Baum, den Sie öffnen, durchsuchen und bearbeiten können.
Klicken Sie im Baum auf eine Zeile, um sie zu lesen, ihren Pfad zu kopieren oder sie zu ändern.
Bereit. Fügen Sie JSON ein, öffnen Sie eine Datei oder testen Sie das Beispiel.
Wofür man einen JSON Viewer online braucht
Dieser JSON Viewer online macht aus einer Wand von Klammern etwas Lesbares. Zudem fügen Sie Ihre Daten ein, und sie erscheinen als Baum. Außerdem öffnen Sie einen Zweig, schließen Sie ihn, durchsuchen Sie ihn oder bearbeiten Sie ihn.
JSON ist die Sprache, in der die meisten Apps miteinander reden. Eine API sendet es, eine Konfigurationsdatei speichert es, und ein Log-Tool druckt es aus. Dennoch ist eine rohe Antwort schwer zu überblicken. Eine lange Zeile versteckt alles.
Darum hilft ein Viewer. Er zeigt zuerst die Form und dann die Details. Sie sehen, dass orders eine Liste enthält, dass jede Bestellung einen Kunden hat und dass ein Preis fehlt.
Das Format ist einfach, und RFC 8259 beschreibt es genau. Trotzdem brechen kleine Fehler es. Ein loses Komma genügt. Deshalb findet diese Seite auch die genaue Zeile jedes Fehlers.
JSON als Baum lesen
Der Baum ist das Herz dieses JSON-Baum-Viewers. Jedes Objekt und jede Liste bekommt eine Zeile mit einem kleinen Pfeil. Zudem klicken Sie auf den Pfeil, und der Zweig öffnet sich.
Farbe hilft beim Überfliegen. Zeichenketten sind grün, Zahlen blau, und true, false und null lila. Schlüssel stehen fett. Außerdem zeigt ein geschlossener Zweig, wie viele Schlüssel oder Elemente er enthält.
Außerdem können Sie auch die Tastatur nutzen. Die Pfeiltasten bewegen den Fokus, Rechts öffnet einen Zweig, und Links schließt ihn. Pos1 und Ende springen zur ersten und zur letzten Zeile.
Zur Tabelle wechseln
Manches JSON ist in Wahrheit eine verkleidete Tabelle. Eine Liste von Produkten, Nutzern oder Bestellungen hat in jedem Datensatz dieselben Schlüssel. Eine Tabelle zeigt das auf einen Blick.
Klicken Sie auf Tabelle, und jeder Datensatz wird zu einer Zeile. Jeder Schlüssel wird zu einer Spalte. Klicken Sie auf eine Überschrift, um danach zu sortieren. Wenn Sie eine Zeile anklicken, öffnet der Inspektor darunter diesen Datensatz.
Wenn Ihr JSON ein großes Objekt ist, wählen Sie zuerst die Liste darin aus. So folgt die Tabelle Ihrer Auswahl.
Eine Suche, die die richtigen Zweige öffnet
Große Dateien verstecken, was Sie brauchen. Zudem tippen Sie ein Wort ins Suchfeld, und jeder Treffer leuchtet auf. Außerdem öffnet der Viewer jeden Zweig auf dem Weg, sodass nichts verborgen bleibt.
Zudem wählen Sie, wo gesucht wird. Dabei können Sie Schlüssel und Werte, nur Schlüssel oder nur Werte durchsuchen. Danach drücken Sie die Eingabetaste für den nächsten Treffer und Umschalt mit Eingabe, um zurückzugehen.
Der Zähler neben dem Feld zeigt, wie viele Treffer es gibt. Er hört bei zweitausend auf zu zählen, was die Seite schnell hält.
Bearbeiten, ohne den Text anzufassen
Das ist auch ein JSON Editor online. Außerdem klicken Sie auf eine Zeile, und der Inspektor zeigt Schlüssel, Typ und Wert. Ändern Sie, was nötig ist, und klicken Sie auf Anwenden.
Dabei können Sie einen Schlüssel umbenennen, eine Zeichenkette in eine Zahl ändern oder einen Wert in eine Liste verwandeln. Danach können Sie einen neuen Schlüssel in einem Objekt anlegen, eine Zeile duplizieren oder nach oben und unten schieben. Löschen entfernt sie.
Außerdem schreibt jede Änderung sofort den Text links neu. Wenn Sie sich vertun, klicken Sie auf Rückgängig. Der Verlauf behält Ihre letzten hundert Schritte.
Fast-JSON reparieren
Manche fügen Dinge ein, die wie JSON aussehen, aber keines sind. Eine Konfiguration mit Kommentaren. Ein Python-Wörterbuch. Eine aus einem Chat kopierte Antwort mit einem Codeblock darum.
Klicken Sie auf Reparieren, und das Tool behebt die häufigen Probleme. Es entfernt Kommentare und Kommas am Ende und setzt Anführungszeichen um lose Schlüssel. Es macht aus einfachen Anführungszeichen doppelte und aus True und None true und null.
Dann listet es jede Änderung auf. Danach lesen Sie diese Liste. Eine Reparatur ist eine Vermutung, und Sie sollten wissen, was vermutet wurde.
Einen Pfad mit einem Klick kopieren
Zudem wählen Sie eine Zeile aus, und der Pfad erscheint unter dem Baum. Kopieren Sie ihn als JSONPath, etwa $.products[0].price. Oder kopieren Sie ihn als JavaScript, etwa data.products[0].price.
Große Zahlen bleiben exakt
Viele Viewer machen aus jeder Zahl einen Double. Dann wird aus einer ID wie 12345678901234567890 stillschweigend 12345678901234567000. Dieser hier behält jede Zahl genau so, wie Sie sie geschrieben haben. Das zählt, denn die Änderung gelangt dann ohne Schaden zurück in Ihren Text.
Auf dieser Seite
- Das Tool
- Wofür man einen JSON Viewer online braucht
- Den JSON Viewer nutzen, Schritt für Schritt
- Was dieser JSON Viewer anders macht
- Gewohnheiten für den sicheren Umgang mit JSON
- Häufige JSON-Fehler, die dieser Viewer findet
- Häufige Fragen zum JSON Viewer
- Praktische Begleiter für die Arbeit mit JSON
Weiterlesen
Den JSON Viewer nutzen, Schritt für Schritt
Vier Schritte führen Sie vom Rohtext zu einem geänderten Wert. Danach machen Suche und Tabelle den Rest schnell.
- 1
JSON einfügen oder öffnen
Tippen Sie ins Feld, fügen Sie aus der Zwischenablage ein oder öffnen Sie eine
.json-Datei. Ihr Tab liest die Datei. Sie verlässt Ihr Gerät nie. - 2
Als Baum lesen
Der Baum zeichnet sich, während Sie tippen. Öffnen Sie einen Zweig mit seinem Pfeil, oder nutzen Sie die Liste Ebenen öffnen, um zwei, drei oder vier Ebenen gleichzeitig zu zeigen.
- 3
Suchen oder zur Tabelle wechseln
Dabei durchsuchen Sie Schlüssel und Werte, oder klicken Sie auf Tabelle, um eine Liste von Datensätzen als Spalten zu sehen. Danach klicken Sie auf eine Überschrift, um zu sortieren.
- 4
Zeile zum Kopieren oder Bearbeiten wählen
Danach kopieren Sie ihren Pfad oder ihren Wert. Oder ändern Sie Schlüssel, Typ und Wert und klicken Sie dann auf Anwenden. Der Text links wird sofort aktualisiert.
- 5
Ergebnis kopieren oder herunterladen
Formatieren, minifizieren oder sortieren Sie vorher die Schlüssel, wenn Sie möchten. Kopieren Sie dann das JSON oder speichern Sie es als Datei.
Was dieser JSON Viewer anders macht
Viele Viewer zeigen einen Baum. An diesen Stellen geht dieser weiter.
Baum, Tabelle und Text zusammen
Text, Baum und Tabelle sind drei Ansichten eines Modells. Bearbeiten Sie eine davon, und die anderen folgen.
Genaue Fehlerstellen
Wenn das JSON einen Fehler hat, erhalten Sie Zeile, Spalte und ein Zeichen unter dem Problem. Browser geben Ihnen das selten.
Eine Reparatur, die sich selbst erklärt
Die Reparieren-Schaltfläche behebt Kommentare, Anführungszeichen und Kommas. Dann listet sie jede Änderung auf, sodass nichts hinter Ihrem Rücken geschieht.
Zahlen ändern sich nie
Lange IDs und Preise behalten jede Ziffer. Der Viewer macht aus Ihren Daten nie Fließkomma-Vermutungen.
Für die Tastatur gebaut
Pfeiltasten, Pos1, Ende und Eingabe funktionieren alle. Außerdem hat jedes Bedienelement ein Label, sodass auch ein Screenreader es nutzen kann.
Nichts verlässt Ihren Tab
API-Antworten enthalten oft private Daten. Weil Ihr Browser die ganze Arbeit macht, erreicht nichts davon diese Seite.
Gewohnheiten für den sicheren Umgang mit JSON
Ein Viewer macht JSON leicht lesbar. Außerdem halten diese Gewohnheiten es korrekt.
- Schauen Sie erst auf die Form, dann auf die Details. Öffnen Sie zuerst eine Ebene. Prüfen Sie, ob die obersten Schlüssel Ihren Erwartungen entsprechen. Gehen Sie dann tiefer, wo es nötig ist.
- Behalten Sie vor einer großen Änderung eine Kopie. Kopieren Sie den Originaltext an einen sicheren Ort. Rückgängig ist praktisch, aber eine gespeicherte Datei ist sicherer.
- Suchen Sie nach dem Schlüssel, nicht nur nach dem Wert. Ein Wert wie 0 passt auf Hunderte Zeilen. Ein Schlüssel wie
discountpasst dagegen meist nur auf wenige. - Nutzen Sie die Tabelle für Listen von Datensätzen. Eine Spalte zu sortieren findet den höchsten Preis oder das älteste Datum in zwei Klicks. Im Baum müssen Sie danach suchen.
- Kopieren Sie Pfade, statt sie zu tippen. Ein Tippfehler in einem Pfad liefert nichts, und nichts sieht nach Erfolg aus. Kopieren Sie den Pfad aus der Zeile, die Sie sehen.
- Prüfen Sie die Typen nach dem Bearbeiten. Die Zeichenkette
"42"und die Zahl42sind verschieden. Viele APIs lehnen die falsche ab. - Sortieren Sie Schlüssel, bevor Sie zwei Dateien vergleichen. Die Reihenfolge der Schlüssel ändert die Bedeutung nicht. Sie ändert aber einen Textvergleich. Wenn Sie beide Dateien vorher sortieren, verschwindet das Rauschen.
- Behandeln Sie die Reparatur als ersten Entwurf. Lesen Sie die Liste der Korrekturen. Wenn eine falsch aussieht, klicken Sie auf Rückgängig und korrigieren Sie die Stelle von Hand.
- Entfernen Sie Geheimnisse, bevor Sie ein Beispiel teilen. Tokens und E-Mail-Adressen verstecken sich in API-Antworten. Löschen Sie sie im Baum und kopieren Sie dann den sauberen Text.
- Minifizieren Sie nur für die endgültige Kopie. Behalten Sie die eingerückte Version, solange Sie arbeiten. Quetschen Sie sie auf eine Zeile, wenn Sie sie senden.
Häufige JSON-Fehler, die dieser Viewer findet
Jeder davon bringt einen Parser zum Absturz. Der Viewer nennt die Stelle, sodass die Korrektur Sekunden dauert.
Ein Komma am Ende
Ein Komma nach dem letzten Element ist in JavaScript erlaubt. In JSON ist es ein Fehler. Reparieren entfernt es.
Einfache Anführungszeichen um Text
JSON braucht immer doppelte Anführungszeichen. Einfache funktionieren in Python und JavaScript, deshalb fügen manche sie aus Gewohnheit ein.
Schlüssel ohne Anführungszeichen
{name: "Ali"}zu schreiben ist im Code erlaubt. Als JSON dagegen muss der Schlüssel"name"lauten.Kommentare in der Datei
JSON kennt gar keine Kommentarsyntax. Eine Notiz in einer Konfigurationsdatei stoppt einen strikten Parser.
Doppelte Schlüssel
Das Format erlaubt sie, aber die meisten Leser behalten nur den letzten. Der Viewer zeigt eine Warnung, damit Sie entscheiden können.
Python-Werte
True, False und None sind kein JSON. Die Wörter müssen true und false in Kleinbuchstaben sein, und None wird zu null.
Häufige Fragen zum JSON Viewer
Ist dieser JSON Viewer online wirklich kostenlos?
Ja. Er kostet nichts, braucht kein Konto und hat keine Nutzungsgrenzen. Weil er in Ihrem Browser läuft, haben wir keine Serverkosten, die wir weitergeben müssten.
Verlässt mein JSON mein Gerät?
Nein. Ihr Browser liest, zeichnet und bearbeitet es. Nichts erreicht diese Seite, und wir speichern nichts. Außerdem löscht das Schließen des Tabs alles.
Wie große Dateien kann er öffnen?
Dateien bis zu zehn Megabyte öffnen sich direkt von der Festplatte. Auch eingefügter Text darf groß sein. Da der Baum nur die Zweige zeichnet, die Sie öffnen, bleiben große Dateien schnell.
Worin unterscheiden sich Baum und Tabelle?
Der Baum zeigt jedes JSON, Ebene für Ebene. Die Tabelle dagegen passt zu einer Liste von Datensätzen mit gleichen Schlüsseln. Dabei wählen Sie die Ansicht, die Ihre Daten am besten zeigt.
Kann ich Werte ändern und den Rest unverändert lassen?
Ja. Außerdem wählen Sie die Zeile aus, ändern Sie den Wert und klicken Sie auf Anwenden. Nur dieser Wert ändert sich. Der Text links wird aktualisiert, und alles andere bleibt, wie es war.
Was behebt die Schaltfläche Reparieren?
Sie behebt Kommentare, Kommas am Ende, einfache Anführungszeichen, Schlüssel ohne Anführungszeichen, fehlende Kommas, Python-Werte und offene Klammern. Außerdem listet sie jede Änderung auf.
Warum nennt er mein JSON ungültig, obwohl es in meinem Code läuft?
JavaScript ist toleranter als JSON. Kommentare, einfache Anführungszeichen und Kommas am Ende laufen im Code, scheitern aber als striktes JSON. Reparieren kann sie beheben.
Was ist ein JSONPath?
Es ist eine Adresse für einen Wert im JSON. Zum Beispiel meint <code>$.store.name</code> den Schlüssel name im Objekt store. Viele Tools akzeptieren ihn.
Ändert der Viewer meine Zahlen?
Nein. Jede Zahl bleibt genau so, wie Sie sie geschrieben haben. Lange IDs behalten alle Ziffern, was viele andere Viewer nicht versprechen können.
Kann ich JSON aus einer Datei oder einem Link ansehen?
Außerdem können Sie mit der Schaltfläche Datei öffnen eine Datei laden. Ein Link würde bedeuten, eine andere Seite abzurufen, und das kann eine Browserseite nicht sicher tun. Fügen Sie deshalb den Antworttext ein.
Funktioniert es auf dem Handy?
Ja. Die beiden Bereiche stapeln sich, der Baum scrollt, und die Schaltflächen sind groß genug zum Tippen. Für längeres Bearbeiten ist eine Tastatur trotzdem bequemer.
Praktische Begleiter für die Arbeit mit JSON
JSON zu lesen ist ein Schritt. Diese drei Tools übernehmen die Schritte drumherum.
JSON-Formatierer
Verschönern, minifizieren und prüfen, mit der genauen Zeile jedes Fehlers.
Tool öffnen →JSON-zu-CSV-Konverter
Machen Sie aus einer Liste von Datensätzen Zeilen für eine Tabellenkalkulation.
Tool öffnen →XML-zu-JSON-Konverter
Dabei holen Sie einen XML-Feed in JSON und erkunden Sie ihn hier.
Tool öffnen →
Bereit, etwas JSON zu lesen?
Fügen Sie Ihre Daten ein, öffnen Sie die Zweige und ändern Sie, was nötig ist. Der JSON Viewer ist kostenlos, braucht kein Konto und behält jedes Byte auf Ihrem Gerät.