acento.io
Dev-tool

JSON formatter

Formatteer, valideer en minificeer JSON volledig in je browser — jouw gegevens verlaten nooit je apparaat.

Door Carlos Suárez , Systeemingenieur
Laatst bijgewerkt:

Wat deze JSON formatter doet

Deze Nederlandse JSON formatter beautifier zet rommelige of samengeperste JSON om in overzichtelijk, leesbaar formaat — of minificeert het juist voor compacte opslag. De tool valideert tegelijk je JSON en wijst je bij een fout direct naar de exacte regel en kolom. Alles draait 100% client-side — jouw gegevens verlaten nooit je browser. Geen uploads, geen tracking, geen serverlogs. Dat maakt hem geschikt voor productie-payloads, API-sleutels en interne configuraties die je nooit naar een externe server wilt sturen. JSON is gedefinieerd in RFC 8259 en ondersteunt UTF-8, dat meer dan een miljoen Unicode-tekens dekt via 1 tot 4 bytes per karakter. Heb je ook type-definities nodig? De [Json To Typescript](/nl/json-to-typescript/) tool genereert interfaces direct uit je JSON.

Functies

  • Beautify met instelbare inspringing. Kies 2 spaties, 4 spaties of een tab als inspringing. De formatter past de volledige structuur consistent toe — handig bij diep geneste objecten of grote config-bestanden zoals tsconfig.json.
  • Inline validatie met foutlocatie. Bij ongeldige JSON zie je direct welke regel en kolom het probleem bevat. Veelvoorkomende valkuilen — trailing commas, enkele aanhalingstekens, ongedocumenteerde sleutels of commentaar — worden meteen gesignaleerd.
  • Minificeren voor compacte output. Verwijder alle witruimte en regeleindes voor de kleinst mogelijke JSON-string. Ideaal voordat je een request body verstuurt via curl of Postman, of JSON opslaat in een database-kolom.
  • JSON formatter & validator in één. Geen aparte stap nodig: terwijl de formatter je JSON opmaakt, controleert hij tegelijk of de structuur geldig is volgens de strikte JSON-spec. Zo combineer je json formatter validator functionaliteit zonder extra tool.
  • Directe kopieerknop. Klik op Kopiëren om de geformatteerde of geminificeerde output meteen naar je klembord te sturen — klaar om te plakken in een editor, terminal of API-client.
  • Werkt als json file formatter. Plak de inhoud van een lokaal JSON-bestand — zoals package.json of een omgevingsconfiguratie — en krijg direct een opgeschoonde versie terug zonder een bestand te uploaden.

Zo gebruik je de JSON formatter

Plak je JSON in het invoerveld, kies de gewenste inspringing en klik op Formatteren. De output verschijnt rechts en is klaar om te kopiëren.

  1. Plak je JSON. Kopieer de ruwe JSON uit je API-response, logbestand of config en plak het in het invoerveld.
  2. Kies inspringing. Selecteer 2 spaties voor compacte code, 4 spaties voor meer leesbaarheid, of Tab als je codebase dat vereist.
  3. Formatteer of minificeer. Klik op Formatteren voor leesbare output, of op Minificeren voor de compactste versie. In JavaScript doe je hetzelfde met JSON.stringify(JSON.parse(raw), null, 2).
  4. Los fouten op. Als de JSON ongeldig is, toont de tool de foutlocatie met regel en kolom. Controleer op dubbele aanhalingstekens, ontbrekende komma's of trailing commas — die zijn in strikte JSON niet toegestaan.
  5. Kopieer de output. Klik op Kopiëren en plak de opgeschoonde JSON in je editor, Postman of terminal. Met jq . file.json bereik je hetzelfde resultaat op de command line.

Veelvoorkomende toepassingen

  • API-responses debuggen. REST- en GraphQL-endpoints retourneren vaak samengeperste JSON. Plak de response in de formatter om de structuur direct te begrijpen en ontbrekende of verkeerde velden te spotten.
  • Config-bestanden reviewen. Bestanden zoals package.json, tsconfig.json of .eslintrc raken snel onleesbaar. De formatter herstelt de opmaak en de validator geeft aan of je per ongeluk een trailing comma hebt toegevoegd.
  • Gestructureerde logs lezen. Cloudwatch-, Datadog- en Stackdriver-logs worden als JSON-regels opgeslagen. Plak een logregel in de beautifier om snel door geneste velden te navigeren zonder een zware log-viewer.
  • Request bodies samenstellen. Bouw een JSON-body voor een curl-commando of Postman-request, formatteer hem voor leesbaarheid tijdens het ontwikkelen en minificeer hem voor de uiteindelijke aanroep.
  • Veilig werken met gevoelige data. Omdat de tool volledig in de browser draait, kun je intern JSON met persoonsgegevens of API-credentials formatteren zonder dat die de organisatie verlaten — een vereiste bij AVG-gevoelige workflows. Wil je ook je JSON omzetten naar YAML? Dat doe je met de [JSON-YAML-converter](/nl/json-yaml-converter/).

Veelgestelde vragen

Worden mijn gegevens naar een server gestuurd?

Nee. De volledige verwerking vindt plaats in je browser via JavaScript. Er wordt niets geüpload, opgeslagen of gelogd. Je kunt de formatter dus veilig gebruiken voor productie-payloads, interne API-responses of JSON-bestanden met gevoelige configuratiewaarden.

Waarom geeft de formatter een foutmelding bij geldige JSON5 of YAML?

Deze tool volgt de strikte JSON-spec (RFC 8259). JSON5 en YAML staan trailing commas, commentaar en enkele aanhalingstekens toe, maar die zijn in standaard JSON ongeldig. Gebruik een JSON5-parser of zet je YAML eerst om naar JSON als je die syntax nodig hebt.

Wat is het verschil tussen een json beautifier en een json prettier online?

Het zijn synoniemen voor hetzelfde: beide terms beschrijven het opmaken van JSON met inspringen en regeleindes zodat het leesbaar wordt. 'Beautify' en 'prettify' worden beide veel gebruikt in de community; technisch is er geen verschil in output.

Is er een Chrome-extensie voor JSON formatting?

Er bestaan chrome json formatter extensies die JSON-responses direct in de browser weergeven. Deze online tool is een goed alternatief als je geen extensie wilt installeren of op een machine werkt zonder beheersrechten — open gewoon de pagina en plak je JSON.

Hoe ga ik om met grote JSON-bestanden?

De tool verwerkt JSON volledig in de browser, dus de limiet is het beschikbare geheugen van je tab. Voor bestanden van enkele megabytes werkt het prima. Bij zeer grote bestanden (tientallen MB) is een command-line tool zoals jq sneller: jq . bestand.json.

Waarom zijn comments niet toegestaan in JSON?

Douglas Crockford, de ontwerper van JSON, verwijderde commentaar bewust uit de spec om te voorkomen dat parsers instructies in comments zouden opnemen — een patroon dat hij bij andere formaten had gezien. Als je commentaar nodig hebt, overweeg JSONC of migreer naar YAML. De MDN — encodeURIComponent documentatie laat ook zien hoe je JSON veilig in een URL kunt insluiten als je te maken hebt met OWASP — Password Storage Cheat Sheet-gerelateerde configuratie in query strings.