JSON Formatter en Viewer
Plak de JSON en het wordt direct opgemaakt. Klik op een veld om de volledige waarde en pad rechts te bekijken; syntaxisfouten worden per regel en kolom aangegeven. Alles draait lokaal in uw browser.
- Inspringing
- 2 / 4 spaties · tab
- Extra
- Inspecteren · sorteren · statistieken
- Privacy
- Er wordt niets geüpload
- Gebruik
- Gratis · geen aanmelding
WAAROM HET BELANGRIJK IS
Gebouwd voor iedereen die dagelijks met JSON werkt
API-antwoorden, configuratiebestanden, log-payloads — onbewerkte JSON komt aan als één dichte regel. Maak het leesbaar, vind de ontbrekende komma en herstel het naar wens.
Formatteren & minimaliseren
Met één klik schakelt u tussen een voor mensen leesbare boomstructuur en een compacte enkele regel. Kies 2 spaties, 4 spaties of een tab om overeen te komen met de stijl van uw codebase.
Fouten gelokaliseerd per regel en kolom
Ongeldige JSON geeft de exacte positie weer — R12 : K34 — in plaats van een onduidelijk parserbericht, zodat u direct bij de ontbrekende komma of laatste aanhalingstekens terechtkomt.
recursieve sleutelsortering
Sorteer objectsleutels alfabetisch op elke diepte, terwijl arrays hun volgorde behouden. Ideaal voor het vergelijken van configuraties en het stabiliseren van fixtures tussen commits.
Escapen / unescapen van literalen
Zet JSON om naar een geescaped stringliteral voor insluiting in code of env-bestanden, en pak een geciteerde literal weer uit tot onbewerkte JSON voor controle.
Klik op elk veld om het volledig te zien
Klik een veld in de editor en er verschijnt een zijpaneel met de volledige waarde, het type en het JSON-pad — inclusief geneste objecten en arrays, zodat je nooit meer haakjes handmatig hoeft te tellen.
Volledig lokaal uitgevoerd
JSON verlaat nooit je browser, de tool werkt offline en er worden geen verzoeken verzonden als de invoer leeg is.
Hoe het werkt
Wissel inspringing tussen 2 spaties, 4 spaties en tabs. Verklein tot één regel voor machines, sorteer object-sleutels recursief als je een vaste volgorde nodig hebt, of escape de volledige payload naar een string-literal — en unquote een literal uit een logregel.
Klik op een veld om de volledige waarde ervan in een zijpaneel te bekijken, en sleutels, array-elementen en nestingsdiepte worden bijgewerkt tijdens het typen. Houd meerdere documenten open op één pagina en vergelijk ze in één oogopslag; elk heeft zijn eigen editor. Alles werkt lokaal in je browser en er wordt niets geüpload.
Meer JSON-tools
Externe tools gekozen per doel — we dupliceren ze hier niet, dus ga naar deze tools als je er een nodig hebt.
| Tool | Doel | Wat het doet |
|---|---|---|
| JSON Editor Online | Bewerken & valideren | Gekoppelde tekst- en boomvensters, herschikken via slepen-en-neerzetten, plus diff, schemavalidatie en querying. |
| JSON Crack | Visualiseren | Zet JSON om in een interactieve knooppuntgrafiek om diepe nesting te begrijpen of snel een demo te bouwen. |
| JSON Visio | Visualiseren | Nog een grafiekviewer met een lichtere gebruikersinterface — kies welke van de twee jou natuurlijker voorkomt. |
| Diffchecker | Vergelijken | Vergelijk twee teksten naast elkaar of in één overzicht en ga direct naar ingevoegde, verwijderde of gewijzigde regels. |
| JSONPath | Query | Voer JSONPath-expressies online uit en haal precies de gewenste velden op via het pad. |
| JSONata | Query en transformatie | Een query- en transformatietaal voor JSON, met een online speelomgeving en voorbeelden. |
| quicktype | Typegeneratie | Genereer TypeScript-, Swift-, Go- en andere typedefinities vanuit JSON. |
| JSON Generator | Mockdata | Genereer gestructureerde mockdata vanuit sjablonen — handig voor API-testfixtures. |
De details van JSON-opmaak
JSON lijkt eenvoudig maar kent een aantal strikte regels — kennis hiervan bespaart je een terugverzoek elke keer dat een parser je payload afwijst.
Wat telt als geldige JSON?
JSON definieert zes waardetypes: object, array, string, number, boolean en null. Sleutels moeten dubbel-quoted strings zijn, er is geen trailing comma en opmerkingen zijn niet toegestaan.
JavaScript-extra's zoals enkele quotes, undefined, NaN, Infinity en trailing commas falen bij een strikte parser — en dat is precies wat deze tool aangeeft.
Hoe verschilt bekijken van opmaken?
Opmaak verandert de tekstindeling: inspringing, regeleinden en verkleining. Bij bekijken blijft het document onaangeroerd — wanneer je op een veld klikt, verschijnen de volledige waarde, het type en het JSON-pad ervan in een zijpaneel.
Diep geneste objecten zijn moeilijk alleen aan de haakjes te lezen, dus door op een veld te klikken kun je exact controleren wat het bevat — vooral handig bij API-antwoorden en log-payloads.
Waarom verandert de volgorde van mijn sleutel na het opmaken?
De JSON-specificatie behandelt objecten als ongeordende sleutel-waardeparen en parsers mogen deze herschikken. In de praktijk houdt V8 (Chrome / Node) de invoegvolgorde aan voor sleutels van het type string, maar sleutels die op integers lijden ("1", "42") worden altijd eerst numeriek gesorteerd. Schakel "Sort object keys" in als u een stabiele, alfabetische volgorde wilt die door elke parser wordt gehandhaafd — handig voor het vergelijken van configuraties.
Hoe groot kan een nummer zijn dat JSON kan bevatten?
JSON zelf stelt geen limiet, maar JavaScript parseert elk nummer als een IEEE-754 double. Integers die groter zijn dan ±2^53 (ongeveer 9 biljoen) verliezen precisie — 9007199254740993 wordt 9007199254740992. Als uw payload 64-bits ID's of tijdstempels in nanoseconden bevat, kunt u deze beter als string bewaren; dit hulpmiddel zal ze niet beschadigen, maar alles wat u in JS-code plakt, kan dat wel doen.
Wanneer moet ik minifieren in plaats van beautificeren?
Beautificeer voor alles wat een mens leest: code review, debuggen, documentatie. Minificeer voor alles wat een machine overdraagt: API-aanvragen, URL-parameters, omgevingsvariabelen en .env-bestanden. Het minificeren van een typische API-payload bespaart 15–30% van de bytes zonder structurele wijzigingen — het is de goedkoopste vorm van compressie die er is.
Waar wordt escaping voor gebruikt?
Escaping verpakt JSON als een stringliteral: aanhalingstekens worden \" en newlines worden \n, zodat het binnen een andere JSON-waarde, een shell-opdracht of een omgevingsvariabele kan staan zonder te breken. Unescape is het omgekeerde. Als u ooit een payload uit een logregel hebt gekopieerd die er zo uitzag {\"a\":1}, dat is het formaat — plak het hier en klik op Unescape.
Veelgestelde vragen
Wordt mijn JSON ergens geüpload of opgeslagen?
Nee. Alles draait in uw browser met JavaScript — er wordt nooit een verzending gemaakt die uw JSON ergens naartoe stuurt, het werkt offline en er wordt niets naar lokale opslag geschreven, dus het vernieuwen van de pagina wist de invoer.
Waarom mislukt de opmaak van mijn configuratiebestand?
Het is hoogstwaarschijnlijk geen strikte JSON: JSONC / JSON5 staan comments en trailing commas toe, YAML is gebaseerd op inspringing en .env-bestanden zijn sleutel-waardeparen. Verwijder eerst de comments en trailing commas, of gebruik een parser die voor dat formaat is gemaakt.
Verandert het sorteren van sleutels ook arrays?
Nee. De volgorde van arrays is van belang (eerste item, tweede item, etc.), dus arrays blijven altijd op hun plek. Alleen de sleutels van objecten — inclusief objecten die genest zijn in arrays — worden alfabetisch gesorteerd.
Wat betekent 'Fout bij L12 : C34'?
Het is de regel en kolom (startend bij 1) waar de parser stopte: regel 12, kolom 34. De daadwerkelijke fout zit meestal op of net voor die plek — een ontbrekende komma op de vorige regel, een niet-escapte aanhalingsteken, of een overtollige komma voor een afsluitende accolade.
Is er een groottelimiet? Werkt het op mobiel?
Er is geen harde limiet — het formatteren van enkele megabytes aan loguitvoer werkt. Op low-end apparaten kunnen erg grote invoeren (tientallen MB) traag aanvoelen, omdat elke toetsaanslag opnieuw wordt geparst en geformatteerd. De lay-out is responsief; de editor past zich aan de schermbreedte aan.