PK Systems PK Systems
Ontwikkelaarstools

JSON-formatter

Beautify, minify en valideer JSON in je browser. Live updates, één-klik kopiëren — niets verlaat je apparaat.

JSON-formatter

Uitvoer

Uitvoer verschijnt hier tijdens typen.

Wat doet deze tool?

JSON (JavaScript Object Notation) is het meest voorkomende formaat voor data-uitwisseling tussen API's, configbestanden en moderne webapps. Deze tool parseert JSON in je browser en geeft het terug met consistente inspringing (Beautify), strippeert alle witruimte (Minify) of bevestigt alleen dat het parseerbaar is (Valideren). Hij gebruikt de native JSON.parse van de browser, dus wat hier slaagt, accepteert elke JavaScript-runtime. Niets wordt geüpload — de hele pijplijn draait lokaal.

Zo gebruik je het

Plak je JSON in het invoergebied. Kies Beautify voor leesbare uitvoer (zet inspringing op 2, 4 of tab), Minify om witruimte te strippen voor transport, of Alleen valideren om syntax te checken zonder uitvoer. Schakel Keys A→Z sorteren in om diff van twee JSON-bestanden makkelijker te maken. De uitvoer werkt live bij. Is de invoer ongeldig, dan vertelt de tool je de regel en kolom van de fout zodat je direct naar het probleem kunt springen.

Tips en limieten

  • JSON is strikt: keys moeten double-quoted zijn, geen trailing comma's, geen comments. Heeft je invoer die wel, fix ze eerst.
  • Gesorteerde keys produceren stabiele uitvoer voor git diffs en snapshot tests.
  • Beautified uitvoer met 2-spaties is de de-facto standaard voor configbestanden (npm, composer, .vscode/settings.json).
  • Heel grote payloads (10MB+) werken maar de browser kan haperen tijdens parsen — minify grote API-responses voor productie.
  • Getallen worden door JavaScript geparseerd, wat precisie verliest boven 2^53. Heb je BigInt-stijl-ID's, houd ze als strings.

Veelgestelde vragen

Wordt mijn JSON naar een server gestuurd?
Nee. Parsen, formatteren en validatie gebeuren volledig in je browser via de native JSON.parse en JSON.stringify. Open DevTools > Network: geen requests bij plakken of bewerken. Veilig voor gevoelige payloads, interne configbestanden of alles wat je niet in een gehoste service zou plakken.
Waarom toont mijn JSON ongeldig terwijl het er goed uitziet?
Meestal: enkele aanhalingstekens in plaats van dubbele rond keys/strings, een trailing komma na het laatste item in een object of array, of niet-geëscapete regelafbrekingen in een string. JSON is strikter dan JavaScript-objectliteralen — de foutmelding en regel/kolom boven de uitvoer wijzen naar de exacte byte waar de parser stopte.
Wat is het verschil tussen Beautify en Minify?
Beautify voegt regelafbrekingen en inspringing toe zodat de structuur makkelijk te scannen is — beste voor bewerken, code review en debugging. Minify strippeert elk optioneel witruimte-teken voor de kortste geldige representatie — beste voor opslag, transport en inbedden in HTML-attributen of query-strings. Beide produceren semantisch identieke JSON.
Wat doet "Keys A→Z sorteren"?
Het loopt door de hele object-tree en geeft elke object's keys in alfabetische volgorde terug. Arrays behouden hun originele volgorde (sorteren van array-elementen zou betekenis veranderen). Sorteren is handig om twee JSON-bestanden te diffen waar dezelfde data met verschillende key-volgorden door verschillende tools is uitgevoerd.
Verwerkt het JSON5, JSONC of comments?
Nee — alleen strikte RFC 8259 JSON. Comments (// of /* */), trailing comma's, enkele aanhalingstekens en niet-aangehaalde keys worden allemaal afgewezen. Heb je een soepelere dialect voor tooling-configs nodig, parse dan eerst met een JSON5-bibliotheek of strip de comments. Een JSON5-modus komt mogelijk later.
Kan het zeer grote JSON-bestanden aan?
Het kan bestanden tot enkele megabytes zonder probleem formatteren. Boven 10–20 MB kan de browser-tab kort bevriezen tijdens parsen omdat JSON.parse synchroon is. Voor logs of exports van honderden megabytes gebruik je beter een streaming command-line tool als jq — die verwerkt JSON als stream en laadt het hele bestand niet in geheugen.