JSON Tree Viewer

1. 1

   JSON öffnen

   Ziehen Sie eine Datei mit der Endung .json, .jsonl, .geojson, .har oder .map auf den Ablagebereich, wählen Sie eine aus oder fügen Sie JSON direkt in das Textfeld ein. Nichts wird hochgeladen - die Datei wird auf Ihrem Gerät gelesen.

2. 2

   Den Baum erkunden

   Objekte und Listen öffnen und schließen sich über den Pfeil daneben, und jedes zeigt, wie viele Kinder es enthält. Mit 'Bis Tiefe öffnen' oder 'Alles zuklappen' ändern Sie die ganze Form auf einmal.

3. 3

   Finden, was Sie brauchen

   Suchen Sie in Schlüsseln und Werten, bei Bedarf mit regulären Ausdrücken, und springen Sie durch die Treffer. Für einen genauen Ausschnitt filtern Sie mit einem JSONPath-Ausdruck wie $..author oder $.items[0:10].

4. 4

   Zur Tabelle wechseln

   Wenn das Dokument eine Liste von Datensätzen ist, zeigt die Tabellenansicht Spalten statt hunderter gleicher Zweige.

5. 5

   Kopieren oder exportieren

   Kopieren Sie Pfad, Schlüssel oder Wert eines Knotens, oder laden Sie das ganze Dokument - oder nur den gewählten Teilbaum - formatiert, minimiert, unverändert oder als NDJSON herunter.

Eine JSON-Datei öffnen und lesen - das ist die ganze Aufgabe, und sie bei beliebiger Größe und Form gut zu erledigen braucht mehr als eine aufklappbare Liste. Dieser Viewer indiziert die Datei, statt sie in Objekte zu verwandeln: Er öffnet schnell, zeigt genau das, was in der Datei steht, und bleibt bedienbar, ob das Dokument zwei Zeilen oder zwei Millionen Knoten hat.

• Ein Baum, der mitwächst. Objekte und Listen klappen in jeder Tiefe auf und zu, und nur die sichtbaren Zeilen werden gezeichnet - ein Export mit 200.000 Datensätzen scrollt so ruhig wie eine kleine Konfigurationsdatei.
• Eine Tabelle, wenn die Daten tabellarisch sind. Eine Liste von Datensätzen wird zu Zeilen und Spalten, wobei die Spalten aus den Daten ermittelt werden.
• Suchen und filtern. Treffer in Schlüsseln, Werten oder beidem, auch mit regulären Ausdrücken; oder ein genauer Ausschnitt über einen JSONPath-Ausdruck.
• Genau das, was die Datei sagt. Große Zahlen behalten jede Stelle, doppelte Schlüssel bleiben erhalten und werden markiert, und die Escape-Sequenzen der Datei überleben.
• Tolerantes Lesen. Kommentare, überzählige Kommas, einfache Anführungszeichen und Schlüssel ohne Anführungszeichen können gelesen werden, wobei jede Änderung gemeldet wird.
• Kopieren und exportieren. Jeder Pfad, Schlüssel, Wert oder Teilbaum in die Zwischenablage; das ganze Dokument oder ein Zweig in eine Datei.

An der Größe hören die meisten JSON-Viewer im Browser auf, nützlich zu sein. Der übliche Weg wandelt das Dokument in JavaScript-Objekte um und zeichnet dann ein Element pro Knoten, was Speicher proportional zur Datei kostet und das ganze Dokument anordnet, bevor irgendetwas sichtbar wird. Ab ein paar Megabyte wird daraus ein eingefrorener Tab.

Was dieser Viewer stattdessen tut

• Indizieren statt umwandeln. Die Datei wird einmal in eine kompakte Positionstabelle eingelesen. Für keinen Teil des Dokuments entsteht ein JavaScript-Objekt.
• Abseits der Seite arbeiten. Einlesen, Suchen, Filtern und Exportieren laufen nicht auf dem Strang, der den Bildschirm zeichnet - die Seite friert nie ein und das Scrollen stockt nie.
• Nur zeichnen, was sichtbar ist. Es existieren immer etwa vierzig Zeilen, egal wie viele das Dokument hat.
• Text bei Bedarf entschlüsseln. Ein Schlüssel oder Wert wird zu lesbarem Text, wenn er auf dem Bildschirm erscheint, und nicht vorher.
• Tiefe ohne Absturz. Verschachtelung wird iterativ verfolgt, sodass ein tief verschachteltes Dokument wie jedes andere gelesen wird, statt den Stapel zu sprengen.

Ein Feld in einem großen Dokument zu finden ist die Aufgabe, für die ein Viewer existiert, und dahinter stecken zwei verschiedene Fragen: Wo kommt dieser Text vor, und was steht an diesem Pfad? Beide werden hier beantwortet, und beide laufen über den Index statt über die gezeichneten Zeilen - ein Treffer am Ende einer riesigen Datei wird so schnell gefunden wie einer am Anfang.

Die zwei Arten zu suchen

• Suche. Beliebigen Text eingeben, um Schlüssel, Werte oder beides zu treffen. Groß- und Kleinschreibung ist optional, reguläre Ausdrücke werden unterstützt, und ^ und $ treffen an Zeilengrenzen wie in einem Editor.
• Durch Treffer springen. Treffer stehen in Dokumentreihenfolge; der Sprung dorthin öffnet jeden Zweig darüber und hebt den Text in der Zeile hervor.
• JSONPath-Filter. Ausdrücke wie $.store.book[*].author, $..price, $.rows[0:100] und $['seltsamer schlüssel'] engen die Ansicht genau auf die gewünschten Knoten ein, jeder mit eigener Struktur.
• Filtern und suchen zusammen. Innerhalb einer gefilterten Ansicht suchen, um zweimal einzugrenzen - nützlich, wenn ein Pfad tausend Datensätze wählt und Sie die drei mit einem bestimmten Namen wollen.

Das meiste JSON in freier Wildbahn ist eine Liste von Datensätzen: eine API-Antwort, ein Export, eine Protokolldatei. Als Baum gezeichnet sind das hunderte gleicher Zweige, und das Lesen bedeutet, sie einzeln zu öffnen. Die Tabellenansicht zeigt dieselben Daten als Zeilen und Spalten - so, wie eine Liste von Datensätzen gelesen werden sollte.

Wie sie sich verhält

• Spalten kommen aus den Daten. Feldnamen werden über die Datensätze gesammelt statt aus dem ersten angenommen, sodass auch ein Feld eine Spalte bekommt, das nur manche Datensätze führen.
• Unregelmäßige Datensätze bleiben sichtbar. Fehlt einem Datensatz ein Feld, bleibt die Zelle leer, und ein Eintrag, der gar kein Objekt ist, wird trotzdem aufgeführt statt übersprungen.
• Verschachtelte Werte bleiben erreichbar. Eine Zelle mit einem Objekt oder einer Liste zeigt, was es ist und wie viel es enthält; ein Klick führt zu diesem Knoten im Baum.
• Die Datensätze werden für Sie gefunden. Ob die Liste das ganze Dokument oder ein Feld darin ist - die Tabelle bietet die nächstliegende Liste von Datensätzen zu Ihrer Auswahl an.

Zwei Dinge passieren in fast jedem JSON-Viewer, die nie erwähnt werden und ändern, was Ihnen gezeigt wird. Beide stammen aus derselben Entscheidung - das Dokument in JavaScript-Werte umzuwandeln - und beide werden hier vermieden, indem der Text der Datei selbst gelesen wird.

Was anderswo verloren geht

• Große Zahlen werden gerundet. Eine JavaScript-Zahl fasst etwa 15 signifikante Stellen. Eine Kennung wie 12345678901234567890 wird zu 12345678901234567000, und nichts auf dem Bildschirm sagt es. Hier wird jede Zahl aus den Zeichen der Datei gezeigt, und jede Zahl, die eine Umwandlung nicht unverändert überstehen würde, ist markiert.
• Doppelte Schlüssel verschwinden. JSON erlaubt einem Objekt, einen Schlüssel zu wiederholen. Ein Parser, der ein Objekt aufbaut, behält nur den letzten, sodass ein leise falsches Dokument richtig aussieht. Hier werden beide Einträge gezeigt, beide markiert, und die Anzahl steht in der Zusammenfassung.
• Escape-Sequenzen werden umgeschrieben. Anderswo zu formatieren kann jedes \u00e9 in ein einzelnes Zeichen verwandeln. Der Export hier ändert Leerraum und sonst nichts, sodass der Unterschied zu Ihrem Original lesbar bleibt.
• Hochgenaue Dezimalzahlen werden gekürzt. Dieselbe 15-Stellen-Grenze gilt für Nachkommastellen, sodass ein Wert mit mehr Genauigkeit stillschweigend verkürzt wird. Hier steht er vollständig.

Striktes JSON kennt keine Kommentare, keine überzähligen Kommas, keine einfachen Anführungszeichen und keine Schlüssel ohne Anführungszeichen - und echte Konfigurationsdateien haben alle vier. Ein Viewer, der sie schlicht ablehnt, hilft wenig, wenn genau diese Datei vor Ihnen liegt.

Der tolerante Modus und seine Grenzen

• Angeboten, nie automatisch. Die Datei wird zuerst strikt gelesen. Der tolerante Modus erscheint nur, wenn das strikte Lesen fehlgeschlagen ist und eine Reparatur überhaupt etwas ändern würde.
• Alles Geänderte wird gemeldet. Entfernte Kommentare, weggelassene überzählige Kommas, umgestellte Anführungszeichen, in Anführungszeichen gesetzte Schlüssel, ersetzte NaN- und Infinity-Werte - jedes benannt, gezählt, mit der Zeile des ersten Vorkommens.
• Struktur wird nie erfunden. Eine fehlende Klammer, ein fehlendes Komma oder eine abgeschnittene Datei ist Beschädigung, kein Dialekt. Das wird als Fehler gemeldet, denn Raten würde Daten auf den Bildschirm bringen, die nicht in Ihrer Datei stehen.
• Fehler sagen, wo. Kann eine Datei gar nicht gelesen werden, nennt die Meldung Zeile und Spalte und zeigt den Text rund um die Stelle, statt eines Byte-Versatzes, mit dem kein Editor etwas anfängt.

JSON kommt unter mehreren Endungen und gelegentlich in einer Kodierung, in der es nicht sein sollte. Alle werden hier gelesen, und was erkannt wurde, wird angezeigt statt stillschweigend angenommen.

Was sich öffnen lässt

• JSON. .json und einfaches .txt mit JSON-Inhalt.
• JSON Lines und NDJSON. .jsonl und .ndjson, bei denen jede Zeile ein eigenes Dokument ist. Sie werden als eine Liste dargestellt, sodass sich der ganze Strom gemeinsam durchsehen, durchsuchen und exportieren lässt.
• GeoJSON, HAR und Source Maps. .geojson, .har und .map sind gewöhnliches JSON mit besonderer Form, und alle drei öffnen normal.
• UTF-8, UTF-16 und Windows-1252. Eine Byte-Reihenfolge-Markierung wird beachtet und entfernt statt als Syntaxfehler gemeldet, und eine Datei, die kein gültiges UTF-8 ist, wird dekodiert statt mit Ersatzzeichen gefüllt.

Am Ende des Lesens steht meist, etwas aus dem Dokument mitzunehmen - einen Pfad für einen Test, einen Wert für einen Fehlerbericht, einen Zweig für eine Kollegin. Jedes davon ist ein Klick, und keines ändert, was Ihre Daten sagen.

Was Sie mitnehmen können

• Den Pfad. $.store.book[0].author, in der Form, die sich in ein anderes Werkzeug einfügen lässt. Schlüssel, die Anführungszeichen brauchen, bekommen sie.
• Den Schlüssel oder den Wert. Eine Zeichenkette kopiert ihren Text ohne die umgebenden Anführungszeichen; jeder andere Wert kopiert genau das, was in der Datei steht.
• Einen Teilbaum. Jedes Objekt oder jede Liste, formatiert, ohne den Rest des Dokuments.
• Die ganze Datei, auf vier Arten. Formatiert mit Einrückung, minimiert, die Originalbytes unverändert oder NDJSON mit einem Listeneintrag pro Zeile.

Nichts wird hochgeladen. Die Datei wird vollständig auf Ihrem eigenen Rechner geöffnet, indiziert, durchsucht und exportiert - das ist zugleich die Antwort auf den Datenschutz und die auf die Geschwindigkeit: Es gibt keinen Weg zu einem Server und zurück, also begrenzt Ihr Gerät die Datei, nicht das Netz.

Was das in der Praxis heißt

• Funktioniert offline. Sobald die Seite geladen ist, arbeitet der Viewer ganz ohne Verbindung weiter.
• Nichts wird gespeichert. Den Tab zu schließen ist das Ende. Es gibt keinen Verlauf und keinen Zwischenspeicher Ihrer Dokumente.
• Sicher für sensible Daten. Produktionsexporte, Zugriffsprotokolle und alles unter einer Vereinbarung, die Verarbeitung durch Dritte verbietet, können hier geöffnet werden, weil kein Dritter sie je erhält.
• Ihr Gerät setzt die Grenze. Der kostenlose Tarif öffnet Dateien bis 100 MB. Pro ersetzt diese Zahl durch das, was Ihr Rechner tatsächlich schafft.

Ein paar Gewohnheiten machen ein großes oder unbekanntes Dokument deutlich schneller lesbar, in welchem Viewer auch immer.

Tipps

• Erst zuklappen, dann absteigen. Alles zuklappen und einen Zweig nach dem anderen öffnen; die Form eines Dokuments ist mit zehn Zeilen auf dem Bildschirm leichter zu sehen als mit zehntausend.
• Filtern, bevor Sie suchen. Ein JSONPath-Ausdruck, der auf die interessanten Datensätze eingrenzt, macht eine anschließende Textsuche viel lesbarer.
• Für Listen die Tabelle nehmen. Ist das Dokument eine Liste von Datensätzen, beantwortet die Tabelle Fragen, die der Baum nicht kann - etwa welchen Datensätzen ein Feld fehlt.
• Die Zusammenfassung lesen. Knotenzahl, größte Tiefe, doppelte Schlüssel und ungewöhnliche Zahlen stehen beim Öffnen da und erklären oft einen Fehler, bevor man ihn sucht.
• Den Zweig exportieren, nicht die Datei. Beim Teilen eines Problems ist ein Teilbaum für andere leichter zu lesen als ein Verweis auf ein 40-MB-Dokument.

Häufige Anwendungen

• Eine API prüfen. Eine Antwort einfügen, das falsche Feld finden und seinen Pfad direkt in einen Test kopieren.
• Einen Export kontrollieren. Einen Datenbank- oder Analyse-Export öffnen, die Anzahl der Datensätze bestätigen und nach Datensätzen suchen, die aus der Reihe fallen.
• Eine HAR-Datei lesen. Eine Netzwerkaufzeichnung ist JSON mit sehr tiefer Form - genau wofür Suche und Filter da sind.
• Konfiguration prüfen. Doppelte Schlüssel und unerwartete Nullwerte in einer Konfigurationsdatei sind hier sichtbar, statt stillschweigend angewendet zu werden.
• Protokolle durchsehen. NDJSON-Protokolle öffnen als eine durchsuchbare Liste statt als tausende einzelne Dokumente.

• JSON-Formatierer
• JSON-Validator
• JSON-Minifizierer
• JSON-Vergleich
• JSON zu YAML
• JSON zu XML