🧾 JSON Formatter

Zet JSON netjes op inspringing voor betere leesbaarheid of minificeer het tot één regel, en krijg de exacte lijn:kolom van elke syntaxisfout. Verken de structuur in een inklapbare boomweergave.

JSON-invoer

Boomweergave

GIDS

Meer lezen

1. Pretty Print versus Minify

Mooi opmaken voegt inspringing en regeleinden toe zodat JSON voor mensen makkelijk leesbaar is, terwijl minificeren alle overbodige witruimte en regeleinden verwijdert om de bestandsgrootte te verkleinen. Net opgemaakte JSON is ideaal voor debuggen tijdens ontwikkeling, terwijl geminificeerde JSON de payload verkleint voor echte API-responses en productie-implementaties. Met deze tool kies je 2-spaties-, 4-spaties- of tab-inspringing zodat het past bij de code-stijl van je project.

2. JSON-fouten precies lokaliseren

Foutmeldingen van JSON.parse() verschillen sterk per browserengine, waardoor het vaak lastig is om precies te zien waar het misgaat. Deze tool bevat een eigen handgeschreven scanner die direct door de JSON-grammatica loopt (objecten, arrays, strings, getallen, literals), zodat altijd exact dezelfde "line N, column M" wordt gerapporteerd, ongeacht welke browser je gebruikt. Dat maakt het snel om veelvoorkomende fouten te vinden, zoals een ontbrekende komma, een sleutel zonder aanhalingstekens of een niet-afgesloten string.

3. Diep geneste JSON begrijpen met boomweergave

Diep geneste JSON is lastig te volgen als platte tekst - het is makkelijk om het spoor bij te houden van welke haak welk blok afsluit. De boomweergave toont objecten en arrays als in- en uitklapbare knooppunten, zodat je alleen inzoomt op het deel dat je nodig hebt. Als je op de kopieerknop naast een knooppunt klikt, wordt het pad van die waarde gekopieerd (bijv. $.tools[1]) naar je klembord, klaar om direct te plakken in code die ernaar moet verwijzen.

Werkt goed samen met

XML Validator Diff Checker Regex Tester

Veelgestelde vragen

Wordt mijn JSON naar een server gestuurd?

Nee. Parseren, opmaken en valideren gebeuren alleen in je browser via JSON.parse() - er wordt nooit een backend-API aangeroepen. Gevoelige API-payloads of configuratiewaarden blijven privé.

De foutmelding is kort - hoe lees ik die?

Er wordt een lijn:kolom getoond plus welk token werd verwacht, bijvoorbeeld "op 3:5 - Verwacht ',' of '}'". Het invoerveld selecteert ook automatisch precies die regel, zodat je er meteen naartoe kunt springen.

Als ik de inspringingsoptie wijzig, wordt mijn bestaande tekst dan automatisch bijgewerkt?

Nee - de inspringingskeuze geldt pas de volgende keer dat je op "Nette opmaak" klikt. Alleen de dropdown wijzigen formatteert niets opnieuw.

Wat betekenen "sleutels" en "diepte" in de statistieken van de boomweergave?

"Sleutels" is het totale aantal objecteigenschappen in het hele JSON-document, en "diepte" is hoe diep de meest geneste waarde zit - handig als globale indicatie van structurele complexiteit.