JSON Formatter
Formatteer, minificeer en valideer JSON met syntaxis-markering
Invoer
Uitvoer
Wat is een JSON-formatter?
JSON (JavaScript Object Notation) is het meest gebruikte data-uitwisselingsformaat op het web. API's retourneren het, configuratiebestanden gebruiken het, databases slaan het op — en als er iets fout gaat of er iets niet klopt, moet je het gewoon kunnen lezen. De JSON-specificatie is bewust minimaal gehouden, wat geweldig is voor machines maar echt lastig wanneer je een diep geneste API-response probeert te debuggen. Een JSON-formatter lost dat op: het voegt inspringing en regeleinden toe aan ruwe of geminificeerde JSON zodat de structuur meteen duidelijk is.
Deze tool draait volledig in je browser. Je JSON wordt verwerkt met JSON.stringify() met 2-spaties inspringing, en het resultaat verschijnt in het uitvoerpaneel. Er wordt niets naar een server gestuurd, dus veilig te gebruiken met productiedata, tokens of alles wat je niet wilt laten vertrekken.
Voorbeelden van JSON-formattering
Hier zijn enkele voorbeelden van wat de formatter doet. Geminificeerde of compacte JSON is moeilijk te lezen; formatteren maakt de structuur in één oogopslag zichtbaar.
Voorbeeld 1: Abonnee-record
Geminificeerde invoer (één regel):
Geformatteerde uitvoer:
Voorbeeld 2: Gespreksrecords
Geminificeerde invoer:
Geformatteerde uitvoer:
Klik op de knop Voorbeeld hierboven om een kant-en-klaar voorbeeld (mobiel plandata) in de editor te laden en de formatter in actie te zien.
Hoe deze tool te gebruiken
Plakken of uploaden
Kopieer je JSON en plak het in de linker editor. Je kunt ook op Uploaden klikken om een .json- of .txt-bestand van je computer te laden. De knop Voorbeeld laadt voorbeelddata om te testen.
Controleer de uitvoer
Het rechterpaneel wordt automatisch bijgewerkt terwijl je typt. Geldige JSON wordt geformatteerd met correcte inspringing volgens RFC 8259. Bij een syntaxfout (ontbrekende haak, trailing comma, ongequote sleutel) verschijnt een foutmelding.
Kopiëren, downloaden of minificeren
Gebruik Kopiëren om het resultaat op het klembord te zetten, Downloaden om het als bestand op te slaan, of Minificeren om alle witruimte te verwijderen en een compacte eenregelige versie te krijgen.
Hoe de formatter werkt
Beide editors gebruiken een ingebouwde code-editor, die syntaxis-markering, regelnummers en JSON-specifieke foutmarkeringen biedt. Wanneer je JSON plakt of typt in het invoerpaneel, wacht de tool 300 ms (om parsing tijdens het typen te vermijden) en voert dan JSON.parse() uit. Bij succes wordt JSON.stringify(data, null, 2) aangeroepen en het resultaat getoond. Bij fouten verschijnt een foutmelding.
Let op: JSON ondersteunt geen commentaar. Dat staat in de specificatie zelf, geen beperking van deze tool. Bestanden zoals settings.json van VS Code gebruiken JSONC (JSON met commentaar), een ander formaat. Verwijder commentaar voor het formatteren.
Waar JSON-formattering helpt
De meeste ontwikkelaars hebben een formatter nodig bij het lezen van API-responses. Je stuurt een verzoek via Postman of curl, en de response komt als één gecomprimeerde regel. Hier plakken maakt geneste objecten en arrays direct zichtbaar. Voor specifieke waarden uit grote responses werkt jq goed op de commandoregel.
Configuratiebestanden zijn een ander veelvoorkomend geval. Een package.json of tsconfig.json met inconsistente inspringing is moeilijk te reviewen in een pull request. Hier formatteren levert een consistente versie om terug te plakken. Voor het samenvoegen van twee configs is er de tool JSON Samenvoegen.
Database-exporten van MongoDB, Firestore of CouchDB zijn typisch grote ongeformatteerde JSON-blokken. Hier doorheen halen helpt de documentstructuur te begrijpen voordat je importscripts of queries schrijft. Voor spreadsheetdata gebruik JSON naar CSV om te converteren.
Ook handig voor het delen van JSON met teamleden. Geformatteerde JSON in een Slack-bericht of Jira-ticket is veel leesbaarder dan een ruwe geminificeerde string. Eerst door de JSON Validator halen kan problemen vroeg detecteren.
Veelgestelde vragen
Is het veilig om echte API-sleutels of gevoelige data hier te plakken?
Volledig veilig. Alle formattering gebeurt in je browser via JavaScript — er wordt niets naar een server gestuurd. Je kunt dit zelf controleren door het Netwerk-tabblad van je browser te openen terwijl je de tool gebruikt. Geen account nodig, geen logging.
Wat is de groottebeperking?
Er is geen vaste limiet van de tool. Het hangt af van het beschikbare geheugen van je browser. JSON-bestanden tot 10–15 MB werken meestal probleemloos in Chrome en Firefox. Voor zeer grote bestanden (honderden MB) is een commandoregel-tool zoals jq praktischer.
Waarom zou ik JSON willen minificeren?
Geminificeerde JSON heeft alle witruimte verwijderd — geen regeleinden, geen spaties, alleen de ruwe data. Dat maakt het kleiner om over een netwerk te sturen, goedkoper om op te slaan in een databaseveld en veilig om in een URL te verwerken. De knop Minificeren doet dit direct op de huidige uitvoer. Er is ook een aparte pagina JSON Minifier als dat je voornaamste gebruik is.
Waarom staat er "Ongeldige JSON" in de uitvoer?
De invoer bevat een syntaxfout. Veelvoorkomende oorzaken: trailing comma, enkele aanhalingstekens in plaats van dubbele, ongequote eigenschapsnamen of niet-overeenkomende haakjes. De JSON-specificatie is hier strikt over.
Kan dit JSON valideren tegen een schema?
Deze tool valideert alleen de syntax (of de JSON goed gevormd is), niet de structuur. Voor schemavalidatie gebruik de JSON Schema Generator of de JSON Validator voor gedetailleerdere controles.
Gerelateerde tools
Meer over JSON: MDN JSON-guide, RFC 8259, json.org en jq.