Wat is de JSON Viewer?
Ruwe JSON is prima voor machines en verschrikkelijk voor menselijke ogen. Vijf niveaus accolades, trailing komma's, één lange regel — je kent het wel. De JSON Viewer maakt daar iets van dat je echt kunt doorbladeren: elke array wordt een rij, elk object een set kolommen, en geneste structuren worden tabellen-in-tabellen waar je in kunt doorklikken.
Hij is gemaakt voor het moment waarop je de data gewoon wil ZIEN. Niet parsen, niet valideren, niet converteren — zien. Gooi er een fetch response in, een GraphQL-payload, een logregel, wat dan ook. De viewer legt het zo neer dat je in een oogopslag ziet of de API teruggaf wat je verwachtte en of de vorm matcht met wat je code nodig heeft.
Alles draait in je browser — geen upload, geen account, geen limiet op het aantal plak-en-bekijk-rondes dat je op een middag doet.
Zo bekijk je JSON hier
Drie stappen naar een gestructureerde weergave van je data. De knoppen onder de editor komen overeen met wat je hier leest.
Plak of laad een voorbeeld
Kopieer JSON uit je API-client (Postman, Insomnia, Network-tab in browser DevTools) en plak links. Wil je de viewer eerst in actie zien? Klik op Voorbeeld om een kleine dataset te laden.
{"order": {"id": "ORD-4821", "customer": {"name": "Priya Shah", "tier": "gold"}, "items": [{"sku": "SKU-101", "qty": 2}, {"sku": "SKU-204", "qty": 1}], "total": 189.50}}Als je JSON kapot is, zie je een melding direct onder de editor die aanwijst waar de parser het opgaf.
Blader door de structuur
De rechterkant rendert meteen opnieuw zodra je input verandert. Arrays van objecten verschijnen als rijen met een kolom per key. Geneste objecten en arrays worden hun eigen mini-tabellen in de cel, zodat je een keten als order.customer.tier visueel kunt volgen. Gebruik Hoofd of Genest om de oriëntatie te wisselen als een record meer keys heeft dan rijen — soms is het makkelijker om keys als rijen te lezen en values als kolommen. De layout volgt de JSON-types uit RFC 8259.
Beperk waar je naar kijkt
Elke kolom heeft een filtervak. Typ gold in de tier-kolom, SKU-1 in een SKU-kolom, pending in een status-kolom — rijen die niet matchen worden verborgen. Filters zijn hoofdletterongevoelig en stapelen (tier=gold AND status=paid). Staat een kolom in de weg? Klik op Bewerken en dan op het verwijder-icoon (×) in de header om 'm weg te halen.
Ga volledig scherm voor brede data
Voor datasets met 20+ kolommen: druk op Volledig scherm. De tabel vult de hele viewport, dus je kunt horizontaal scrollen zonder dat het zijpaneel in de weg zit. Fijn voor het debuggen van een dikke GraphQL-query of een gedenormaliseerd rapport.
Deel of exporteer als je klaar bent
Iets gevonden om te flaggen? Klik op Delen voor een korte link (1 uur, 1 dag of 1 week) en stuur die naar een collega — hij opent dezelfde weergave met dezelfde JSON, zonder iets opnieuw te plakken. Of klik op Excel om de tabel als .xls te downloaden voor Excel, Google Sheets of LibreOffice. Parsen gebeurt client-side via JSON.parse().
Wanneer de viewer zich terugverdient
Even kijken naar API-responses
Je hit een endpoint in Postman, krijgt 8 KB JSON terug en moet weten of een genest shipping.address.country gevuld is. Plak de response hier en je hebt je antwoord in twee seconden. Geen JSON in je hoofd parsen.
Logstreams lezen
Gestructureerde logs uit <a href="https://www.elastic.co/elasticsearch" target="_blank" rel="noopener">Elasticsearch</a>, CloudWatch of elke JSON-line logger komen als blob op één regel binnen. Gooi er eentje in en je ziet timestamp, service, level, message en trace ID netjes naast elkaar — handig als je om 2 uur ’s nachts een wankele service aan het volgen bent.
Schema-voorbeelden doorlopen
Kijk je naar voorbeeldpayloads in een <a href="https://swagger.io/specification/" target="_blank" rel="noopener">Swagger/OpenAPI</a>-spec of de README van een team? Plak het voorbeeldblok en loop veld voor veld door de vorm. Sneller dan ingesprongen JSON van boven naar beneden lezen, en je ziet optionele/ontbrekende velden meteen.
Data laten zien aan stakeholders
Je PM wil weten wat de checkout-API retourneert, maar “hier is een JSON-blob” is geen optie. Genereer een deel-link, plak die in Slack en hij ziet een echte tabel — zonder uitleg over haakjes en dubbele punten.
FAQ
Wat is het verschil tussen een JSON viewer en een JSON parser?
Ze overlappen flink, maar de invalshoek is anders. Een parser focust op het omzetten van JSON-tekst in een bruikbare structuur (en het flaggen van foute syntax). Een viewer focust op de output — hoe het geparste resultaat wordt getoond zodat je het kunt lezen. Deze tool doet eigenlijk allebei onder de motorkap, maar de UI is getuned voor het doorbladeren van grote of diep geneste data, niet alleen validatie.
Verlaat mijn data mijn browser?
Nee. Parsen en renderen gebeurt lokaal met JavaScript. De enige keer dat data naar buiten gaat is als je op “Delen” klikt om een korte link aan te maken, en zelfs dan bepaal je zelf de vervaltijd (1 uur tot 1 week). Kijk je naar iets gevoeligs? Deel gewoon niet — tabblad sluiten en het is weg.
Hoe diep mag de nesting zijn?
Geen harde limiet. De viewer rendert geneste arrays en objecten recursief tot iedere diepte die je erin stopt. Diepe structuren worden visueel wel druk op een gegeven moment — na vijf of zes niveaus is het handiger om met de filterrij in te zoomen op de tak die je echt nodig hebt, of de nested-oriëntatie te wisselen met de Genest-knop.
Kan ik ook arrays van primitives zien, niet alleen objecten?
Ja. Een array als ["read", "write", "admin"] wordt gerenderd als een enkele kolomlijst. Gemengde arrays (objecten + primitives) werken ook — elk element krijgt zijn eigen rij, en de viewer bepaalt de kolommen op basis van welke keys er überhaupt in de objecten voorkomen.
Waarom zijn er kolommen verdwenen nadat ik de JSON ververst heb?
Als je eerder kolommen hebt verwijderd (met het ×-icoon in bewerkmodus), onthoudt de viewer dat voor de huidige sessie en verbergt de onderliggende keys ook uit de JSON. Nieuwe JSON plakken voert de detectie opnieuw uit. Mis je een kolom die je verwacht, kijk dan of bewerkmodus 'm eruit gegooid heeft, of dat de key überhaupt in elk record zit.
Hoe groot mag een JSON-bestand prettig zijn?
Bestanden tot een paar MB renderen vlot. Boven de 5 MB merk je dat de browser werkt. Boven de 10 MB wordt het stroperig maar de viewer trekt het nog steeds — als je routinematig met datasets van 50 MB+ werkt, pak dan eerst een CLI-tool als jq of gron, en plak daarna alleen het relevante deel hier.
Gerelateerde JSON-tools
Bekijken is maar één ding dat je met JSON kunt willen. Als je iets specifiekers nodig hebt, probeer deze: