Wat is de JSON Reader?
JSON in zijn ruwe vorm lezen is als een boodschappenlijst in steno lezen — je KUNT het, maar je brein verspilt energie aan syntax parsen voordat je bij de data aankomt. De JSON Reader haalt die syntax weg. Plak willekeurige JSON en je krijgt een leesbare, tabelachtige layout waarin de keys gelabeld zijn en de waarden op zichzelf staan.
Dit is de tool voor het moment waarop iemand je een JSON-bestand aanreikt en vraagt “kun je even zeggen wat hier in zit?”. In plaats van het door een formatter te halen en dan door 300 ingesprongen regels te scrollen, plak je het hier en lees je de velden één voor één. De reader plet arrays tot rijen, maakt geneste objecten klikbare tabellen en geeft je een inline filter zodat je direct naar het veld springt dat je zoekt. JSON is een tekstformaat geoptimaliseerd voor machines; deze reader is geoptimaliseerd voor de mens die over hun schouder meeleest.
Geen sign-up, geen upload, geen data die ergens heen gaat. Parsen gebeurt lokaal in je browser. Plakken, lezen, tabblad sluiten — klaar.
JSON lezen met deze tool
Een korte walkthrough. Elke knop die je ziet staat op de pagina boven deze instructies.
Plak de JSON
Drop je JSON in de linker editor. Het mag overal vandaan komen — een curl-response opgeslagen in een bestand, een webhook-payload, een Kafka-message body, een export uit een NoSQL-database. Heb je geen JSON bij de hand en wil je gewoon de reader proberen? Klik op Voorbeeld.
{"invoice": {"number": "INV-2025-0417", "issuedOn": "2025-04-17", "payer": {"name": "Acme Logistics GmbH", "country": "DE"}, "lineItems": [{"description": "Freight — Hamburg to Rotterdam", "amount": 1250.00}, {"description": "Customs handling", "amount": 180.00}], "totalEUR": 1430.00}}Als de JSON een syntaxprobleem heeft, zie je een foutmelding onder de editor die de regel aanwijst.
Lees de geparste weergave
Terwijl je plakt, tekent het rechter paneel zichzelf opnieuw met elke key gelabeld en elke value in z'n eigen cel. Voor een enkel object zoals een factuur zie je keys als rijen: number, issuedOn, payer, enzovoort. Voor een array van records wordt elk record een rij en zijn de keys de kolommen. Geneste structuren (zoals payer of lineItems) klappen inline uit in hun eigen mini-tabellen — klik er doorheen zoals je door een geneste mailthread scrolt. De parser volgt de regels in RFC 8259, dus alles wat geldige JSON is rendert goed.
Vind een specifiek veld snel
Elke kolom heeft een filterinput onder de header. Typ DE in een country-kolom om op Duitse facturen te filteren, Customs in een description-kolom om fees te vinden, 2025 in een date-kolom om op jaar te filteren. Filters werken gelijktijdig over kolommen — als je in twee vakjes typt, verschijnen alleen rijen die aan beide voldoen. Prettig als je door een paar honderd records loopt op zoek naar één specifieke entry.
Wissel oriëntatie wanneer het helpt
Soms is keys van boven naar beneden lezen makkelijker dan van links naar rechts — zeker bij records met 15+ velden. Klik op Hoofd om de buitenste tabel te transponeren (keys als rijen, values langs de kolommen). Klik op Genest om hetzelfde te doen voor de binnenste tabellen. Zelfde data, alleen neergezet zoals je ogen het op dat moment willen.
Kopiëren, delen of exporteren
Om één waarde te pakken, dubbelklik de cel (nadat je op Bewerken geklikt hebt) en kopieer ’m er zo uit. Om de weergave aan een teamgenoot te geven, klik op Delen — je krijgt een korte link die verloopt op het schema dat je kiest (1 uur, 1 dag, 1 week). Liever in een spreadsheet? Klik op Excel om .xls te downloaden en openen in Excel, Google Sheets of LibreOffice Calc.
Waar de reader handig is
Webhook-payloads begrijpen
Services als Stripe, GitHub of Shopify sturen webhooks vol geneste JSON. Je pakt er eentje uit je logs en moet 'm van begin tot eind lezen — wat zei de event, was er een refund-flag, welk customer ID heeft dit getriggerd? Plakken, lezen, antwoord.
Config- of settingsbestanden lezen
Een <code>.json</code> config van 400 regels voor een build-tool, linter of deploy-script kan intimiderend zijn. Het als tabel lezen vertelt je welke secties er zijn, welke gevuld zijn en welke defaults erven — veel minder cognitieve belasting dan indentatieniveaus tellen in een teksteditor.
Geserialiseerde state debuggen
Frontend-apps dumpen vaak geserialiseerde state in <a href="https://developer.mozilla.org/en-US/docs/Web/API/Window/localStorage" target="_blank" rel="noopener">localStorage</a> of sessionStorage als JSON. Als iets niet klopt — de cart van een gebruiker is leeg na een refresh, een feature flag schakelt niet — kopieer je de opgeslagen JSON hierheen en lees je ’m direct, in plaats van console expressions te typen.
Exports bekijken vóór je ze inleest
Voordat je een JSON-export in een database, data warehouse of <a href="https://pandas.pydata.org/" target="_blank" rel="noopener">pandas</a> DataFrame laadt, lees je eerst een sample. Zijn de keys consistent over records? Zijn datums in het formaat dat je verwacht? De reader maakt van deze klus van 15 minuten een blik van 30 seconden.
Veelgestelde vragen
Verschilt dit van een JSON formatter of viewer?
Een formatter herformatteert JSON-tekst met inspringing en kleuren, maar het blijft tekst. Een viewer/reader maakt er gestructureerde UI van die je kunt doorbladeren. De “reader”-invalshoek betekent specifiek dat de rendering getuned is voor leesbegrip — gelabelde velden, filtervakken, leesbare waarden in cellen — in plaats van voor schrijven of valideren. Je kunt een formatter als eerste passage gebruiken en het resultaat hier plakken om het echt te lezen.
Ondersteunt het JSON met comments, trailing komma's of andere non-standard dingen?
Nee. De reader parst met de ingebouwde JSON.parse() van de browser, die de spec strikt volgt — geen comments, geen trailing komma's, keys moeten tussen dubbele quotes. Heeft je input dat wel, strip het dan eerst (of gooi het in de JSON Fixer-tool) en plak daarna de opgeschoonde versie hier.
Kan ik JSON direct vanuit een URL lezen?
Nog niet — je moet de JSON zelf ophalen en plakken. Dat is bewust: veel JSON bevat auth tokens of PII, en het via een third-party proxy routeren zou een privacy-regressie zijn. Werk je in een browser, dan heeft DevTools Network-tab een “Copy Response”-optie die je de JSON in één klik geeft om te plakken.
Wat gebeurt er met enorme arrays — zeg 10.000 records?
Het rendert, maar door 10.000 rijen scrollen in een browser is geen prettige ervaring. Betere workflow: gebruik een tool als jq om de subset eruit te snijden die je wilt lezen (eerste 100 records, alleen failed transactions, wat dan ook), en plak die subset hier. Optimaliseer voor het lezen van de dingen waar het je écht om gaat.
Komt mijn JSON in Google of logs terecht?
Nee. Al het parsen gebeurt in je browser. We ontvangen de JSON niet op een server tenzij je op Delen klikt, en gedeelde links zijn gekoppeld aan random GUIDs met een vervaldatum die jij kiest. Gevoelige data? Sla Delen gewoon over en sluit het tabblad als je klaar bent.
Ik zie een hoop tabellen-in-tabellen. Hoe klap ik die in?
Tabellen-in-tabellen is hoe de reader nesting weergeeft — payer.country krijgt zijn eigen mini-tabel in de payer-cel. Hoef je een tak niet te zien, wissel dan naar getransponeerde geneste oriëntatie (Genest-knop) voor een dichtere weergave, of gebruik Filter om te beperken welke rijen überhaupt renderen. Volledige collapse/expand staat op de roadmap.
Gerelateerde JSON-tools
Lezen is maar één ding dat je met JSON kunt willen. Dit past er goed bij: