Ga naar inhoud
100% lokaal

JSON-boomviewer

JSON-documenten in leesbare ASCII-boomstructuur met lijnvakken, knooppunttellingen en typelabels omzetten.

Invoer
Uitvoer

JSON-boomviewer

Plak JSON en deze tool tekent de structuur ervan als een ingeruckt boom, met dezelfde lijnvakken ("├─", "└─", "│") die een bestandsverkenner of de Unix-opdracht "tree" gebruikt. Het is gebouwd voor het moment wanneer een formatteerder alleen niet genoeg is — een diep geneste API-reactie, een configuratiebestand met tientallen sleutels of een payload die je nog nooit hebt gezien en in één oogopslag moet begrijpen.

Elk object- en array-knooppunt wordt gelabeld op basis van zijn aantal onderliggende knooppunten in plaats van een algemene typenaam — "user{5}" voor een object met vijf sleutels, "items[12]" voor een array van twaalf elementen — zodat de grootte van elke tak zichtbaar is zonder deze uit te breiden. Scalaire bladeren tonen hun waarde, ingekort tot een lengte die je bepaalt, zodat één lange tekenreeks de boom niet van het scherm duwt. Zet "Typen weergeven" aan om elk blad met zijn JSON-type aan te duiden, handig wanneer een veld meer dan één vorm kan bevatten. "Max diepte" vouwt alles wat dieper is genest in één regel samenvatting in, zodat zelfs zeer diepe documenten leesbaar blijven. "Sleutels sorteren" geeft de sleutels van elk object alfabetisch weer in plaats van in bronvolgorde, handig om twee gelijkaardige structuren in één oogopslag te vergelijken.

Wanneer de invoer geen geldige JSON is, geeft de tool de exacte regel en kolom aan waar parsering mislukte, toont die regel en stelt vast wat moet worden gecontroleerd: een ontbrekende komma, een ontsnapping aanhalingsteken of een nooit gesloten haakje. Dit verandert een zoektocht door een lange payload in een blik op één regel.

Alles gebeurt in je browser. De JSON die je plakt — productieconfiguratie, een API-reactie met echte klantgegevens, een payload die je niet mag delen — wordt lokaal geparseerd en weergegeven en nooit ergens anders geüpload. Kopieer de boom of download deze als .txt-bestand wanneer je klaar bent.

FAQ

Wat betekenen de getallen in accolades en vierkante haken?
Het zijn tellingen van onderliggende knooppunten, geen waarden: "user{5}" is een object met vijf sleutels, "items[12]" is een array met twaalf elementen. Hiermee kun je beoordelen hoe groot een tak is voordat je deze uitbreidt.
Wat gebeurt er met knooppunten dieper dan "Max diepte"?
Ze worden samengevouwen tot één regel met een samenvatting die aangeeft hoeveel onderliggende knooppunten verborgen zijn, in plaats van deze verder uit te breiden. Verhoog de limiet om dieper in het document te kijken.
Hoe worden lange waarden ingekort?
"Max waardlengte" beperkt hoeveel tekens een scalaire waarde kan weergeven voordat deze met ellipsis wordt afgekapt. De afsnijding eindigt nooit in het midden van een multibyte-teken of emoji.
Wat zegt de foutmelding me als mijn JSON ongeldig is?
Het geeft de regel en kolom aan waar parsering mislukte, toont die regel en stelt de reden van de parser vast — meestal een ontbrekende komma, een ontsnappte aanhalingsteken of een niet gesloten haakje in de buurt van dat punt.
Wordt mijn JSON ergens geüpload?
Nee. Parseren en weergeven gebeuren volledig in je browser, en het document verlaat je apparaat nooit — veilig voor payloads met tokens, klantgegevens of interne identificatoren.