JSON formatteren – gratis online

JSON formatteren en valideren voor API-responses, configbestanden, logs en debuggen

Het meest voorkomende moment voor een JSON-formatter is het kopiëren van een verkleinde API-respons uit de devtools van je browser, een curl-uitvoer of een logregel, waarna je de structuur wilt zien voordat je erover kunt nadenken. Deze JSON-formatter maakt JSON netjes op, valideert het en verkleint het in de browser — zonder uploaden, zonder account. Regelnummers en het markeren van syntaxfouten maken het een snelle aanvulling op je devtools, geen vervanging van een volledige IDE.

Eén klik op Formatteren dekt 80% van de gevallen: plakken, klikken, lezen. Verkleinen is er voor wanneer je JSON weer tot één regel moet compacteren, voor een configveld, een omgevingsvariabele of een testfixture. De tweepaneelsindeling houdt de ruwe invoer links en de opgemaakte uitvoer rechts, zodat je beide kanten apart kunt scrollen.

Voor wie

• Backend- en frontend-ontwikkelaars — inspecteren API-responses, webhook-payloads en configbestanden tijdens het ontwikkelen en bij code review.
• QA- en supportengineers — lezen foutmeldingen, vergelijken de verwachte met de werkelijke JSON-structuur en delen leesbare fragmenten in bugmeldingen.
• Data-analisten en integratieteams — valideren JSON voor het inlezen, controleren paden van geneste velden en sporen schema-afwijkingen vroeg op.
• DevOps en SRE — lezen fragmenten van Terraform-state, CI/CD-uitvoer en secret-manager-payloads zonder data naar een externe formatter te sturen.

Zo gebruik je het goed

1. Plak de ruwe JSON. De formatter valideert de syntaxis bij het laden en markeert de regel met de eerste fout als de invoer ongeldig is.
2. Klik op Formatteren om netjes op te maken met leesbare inspringing. Geneste arrays en objecten worden in één oogopslag overzichtelijk.
3. Gebruik Verkleinen pas nadat de validatie bevestigt dat de JSON klopt — kapotte JSON verkleinen verbergt de plek van de fout.
4. Kopieer het resultaat voor docs, tests of een teambericht, en bewaar de oorspronkelijke payload als je hem later opnieuw wilt nakijken.

Praktische tips

• Let op komma's aan het eind bij het kopiëren van JavaScript-objectliterals — JSON staat die niet toe, en de validator wijst de exacte positie aan.
• Controleer het aantal sluithaakjes als de formatter onverwacht einde van de invoer meldt; een ontbrekende } of ] is de meest voorkomende oorzaak.
• Formatteer bij grote payloads (50 KB+) eerst en gebruik dan Ctrl+F naar een bekende sleutel in plaats van te scrollen.
• Plak nooit productiesecrets, tokens of wachtwoorden in een browsertool. Verwijder gevoelige velden of gebruik een lokale IDE voor zulke payloads.

Veelvoorkomende toepassingen

• API-responses uit devtools of curl-uitvoer netjes opmaken
• Configbestanden valideren vóór deployment (.eslintrc, tsconfig, CI-workflow-JSON)
• Webhook-payloads van Stripe, GitHub, Slack of CRM-platforms lezen tijdens integratietesten
• JSON-fragmenten verkleinen voor compacte opslag, omgevingsvariabelen en testfixtures
• JSON-structuur uitleggen — plak, formatteer en zie meteen de nesting, arrays en sleutel-waardeparen

Privacy en verwerking in de browser

Al het formatteren en valideren draait lokaal in de browser. Je JSON-payloads verlaten je apparaat nooit — cruciaal voor interne API-responses, configbestanden vóór de lancering en voorbeelden met klantgegevens. Gebruik voor productietokens, secrets en gereguleerde data een gecontroleerde lokale toolchain en zie browsertools als snelle hulpmiddelen.

Gerelateerde zoekopdrachten en tools

Wie deze JSON-formatter gebruikt, heeft vaak ook de JWT-decoder nodig (token-headers en claims bekijken zonder ze te uploaden), de SQL-formatter (query's netjes opmaken voor code review en debuggen) en JSON vergelijken (twee JSON-structuren naast elkaar leggen). Alle drie draaien in de browser.