JSON Viewer — JSON-viewer

Een snelle boomweergave voor grote JSON-bestanden

JSON is makkelijk te lezen als het een dozijn regels lang is, maar bijna onmogelijk als het een API-dump van 40 MB, een GeoJSON-export of een HAR-bestand van de browser is. Teksteditors hebben moeite met bestanden van die omvang, en de meeste online viewers uploaden je gegevens of laten het tabblad vastlopen terwijl ze duizenden HTML-elementen opbouwen. Deze JSON-viewer is precies voor die situatie ontworpen: sleep het bestand erin, het wordt lokaal verwerkt en getoond als een inklapbare boom waarin alleen de rijen worden getekend die nu in beeld zijn. Of het document honderd of enkele miljoenen knooppunten heeft, scrollen en uitklappen blijven vlot.

Elke rij toont de sleutel of de array-index, een waarde met kleurcodering en, bij objecten en arrays, het aantal sleutels of items dat ze bevatten. Klik op een rij om die te selecteren en open of dicht te klappen, of gebruik het toetsenbord: de pijltoetsen verplaatsen de selectie en klappen uit, Page Up en Page Down springen een scherm per keer en Enter schakelt het huidige knooppunt om. Expand all en Collapse all werken op het hele document, met een veiligheidslimiet zodat een enorm bestand de pagina niet kan blokkeren.

Zoeken en paden kopiëren

Het zoekveld doorzoekt elke sleutel en elke waarde in het document, ook knooppunten die nog zijn ingeklapt. Druk op Enter om naar de volgende treffer te springen en op Shift+Enter om terug te gaan; de viewer klapt de bovenliggende knooppunten van elke treffer uit, scrolt die in beeld en markeert de overeenkomende tekst. Zo vind je snel een specifiek ID, e-mailadres of foutcode die diep in een geneste respons verstopt zit.

Als je een knooppunt selecteert, verschijnt het volledige pad onder de boom. Kies de notatie die je nodig hebt — JavaScript, JSONPath, JSON Pointer, jq of Python — en kopieer die met één klik, of beweeg de muis over een rij en gebruik de knop om het pad te kopiëren. Sleutels met spaties, streepjes of andere speciale tekens worden voor elk formaat correct tussen aanhalingstekens gezet en ge-escaped, zodat het gekopieerde pad direct in code, een jq-opdracht, een testassertie of een JSON Patch-bewerking kan worden geplakt. Copy value kopieert de geselecteerde string als platte tekst, of een object of array als opgemaakte JSON.

Privé en offline te gebruiken

Alles gebeurt in je browser. Het bestand wordt nooit geüpload, er is geen account nodig en er wordt niets opgeslagen, dus je kunt veilig productielogs, klantexports of responses met tokens bekijken. JSON met regeleinden als scheiding (NDJSON of JSON Lines) wordt automatisch herkend en als array getoond, en ongeldige invoer wordt gemeld met de regel en kolom van de eerste fout. Wil je een document opnieuw opmaken, minificeren of de sleutels sorteren in plaats van het te doorbladeren, gebruik dan de JSON Formatter.