JSON formatter online: leesbaar maken en controleren
Plak ruwe of geminimaliseerde JSON en krijg hem terug met inspringing, kleuren en een controle. Grote getallen, de volgorde van sleutels en dubbele sleutels komen er precies uit zoals je ze schreef. Is de JSON kapot, dan zie je wat er mis is en op welke regel en in welke kolom.
JSON formatter online gebruiken
Zo gebruik je de JSON formatter online:
- Plak je JSON in het vak Onbewerkte JSON (daar staat “Plak hier je onbewerkte JSON...”). Wat je plakt, wordt meteen verwerkt. Als je typt, wordt het resultaat ongeveer 300 milliseconden nadat je stopt bijgewerkt.
- Lees het resultaat in Geformatteerde JSON. Sleutels, tekenreeksen, getallen, true / false en null hebben elk hun eigen kleur. Lange regels scrollen opzij in plaats van af te breken, zodat de inspringing leesbaar blijft.
- Is de JSON geldig, dan verschijnt onder het resultaat “Geldige JSON.”. Zo niet, dan legt een rood vak Ongeldige JSON uit wat er aan de hand is.
- Kies Kopiëren in de kop van het resultaat. De knop toont even “Gekopieerd”, en wat je plakt is gewone tekst zonder kleuren.
- Kies onderaan Wissen om het vak leeg te maken en opnieuw te beginnen.
JSON pretty print met 2 spaties, 4 spaties of tab
Kies het tandwielpictogram naast de titel om Inspringing te openen. De keuzes zijn 2 spaties (de standaard), 4 spaties en Tab. Het resultaat verandert zodra je kiest, en de instelling geldt ook voor de tekst die je kopieert.
Twee spaties geven de kortste regels bij diep geneste gegevens. Vier spaties of tabs sluiten aan op de stijlgidsen van veel projecten.
Waarom getallen en volgorde exact blijven
De meeste JSON beautifier-tools lezen je tekst in als object en schrijven het daarna weer uit. Bij die heen-en-terugreis worden gegevens ongemerkt aangepast. Deze tool leest je oorspronkelijke tekst, controleert hem tegen de JSON-regels en verandert alleen de witruimte tussen de onderdelen. Al het andere wordt teken voor teken overgenomen.
Zo komt dezelfde invoer {"id":12345678901234567890,"price":1.0,"tag":"a","tag":"b","b":1,"2":3} eruit met deze tool en met JSON.parse gevolgd door JSON.stringify:
- Groot getal: hier blijft het
12345678901234567890; metJSON.parsewordt het12345678901234567000(afgerond). - Decimaal:
1.0blijft1.0; anders wordt het1. - Dubbele sleutel: beide
"tag"-items blijven staan; anders overleeft alleen de laatste waarde. - Volgorde van sleutels:
"b"staat voor"2", zoals geschreven; anders springt"2"naar voren.
Dat telt bij database-ID’s, bestelnummers en prijzen uit een API-antwoord: de tekst die je terugkrijgt bevat dezelfde gegevens als het origineel, alleen is het gemakkelijker te lezen.
JSON valideren en foutmeldingen begrijpen
Wil je JSON valideren of JSON controleren, dan toetst de tool op strikte JSON (RFC 8259). Slaagt de tekst niet, dan geeft het vak Ongeldige JSON een reden in gewone taal en “Regel N, kolom M” voor het eerste probleem. Veelvoorkomende gevallen:
- Komma aan het eind, bijvoorbeeld
[1, 2,]: “Er staat een komma vlak voor een sluitend haakje. JSON staat geen komma aan het eind toe.” - Enkele aanhalingstekens, bijvoorbeeld
{'name': 'Ana'}: JSON gebruikt dubbele, en de tool wijst de plek aan. - Opmerking, bijvoorbeeld
// note: “JSON staat geen opmerkingen toe.” - Eigenschapsnaam zonder aanhalingstekens, bijvoorbeeld
{name: "Ana"}: hier wordt een naam tussen dubbele aanhalingstekens verwacht. - Ontbrekende komma, bijvoorbeeld
"b": 2 "c": 3: er wordt een komma of een sluitend haakje verwacht. - Voorloopnul of
1., bijvoorbeeld01: geen geldig JSON-getal. NaN,undefinedof een ander kaal woord: alleen true, false en null mogen zonder aanhalingstekens staan.- Tekst na de JSON, bijvoorbeeld
{"a": 1}}: er staat extra tekst na het einde. - Regeleinde in een tekenreeks: schrijf het als escape, bijvoorbeeld
\n.
Hetzelfde vak dekt ook een tekenreeks die nooit wordt afgesloten, een ongeldige escape met backslash en een haakje dat aan het eind nog openstaat (“De tekst eindigt te vroeg”). Een niet-afbrekende spatie die je van een webpagina of uit een chat plakt, verschijnt als U+00A0, zodat je haar kunt vinden en verwijderen, en een byte order mark helemaal aan het begin van een bestand wordt genegeerd.
Een voorbeeld over meerdere regels: in {"a": 1,, "b": 2 en "c": 3} ontbreekt de komma op de tweede regel. De tool meldt “Regel 3, kolom 2”, het openende aanhalingsteken van "c", waar eerder een komma had moeten staan.
Grenzen en wat de tool niet doet
- Tot 5.000.000 tekens en 1000 niveaus nesting. Het verwerken zelf duurt een fractie van een seconde; een resultaat van meerdere megabytes tonen kan enkele seconden duren.
- Boven 800.000 tekens wordt het resultaat zonder kleuren getoond, en Kopiëren werkt nog steeds.
- Alleen strikte JSON. Opmerkingen, komma’s aan het eind en enkele aanhalingstekens worden aangewezen, niet geaccepteerd of stilletjes gerepareerd.
- De tool minimaliseert niet, sorteert geen sleutels en zet niets om naar YAML, CSV of andere formaten. Hij formatteert en valideert.
- Je JSON wordt in je browser verwerkt. Er wordt niets geüpload of opgeslagen.
Veelgestelde vragen
Hoe gebruik ik de JSON formatter online?
Plak je JSON in het vak “Onbewerkte JSON”. Het wordt meteen verwerkt bij het plakken, of ongeveer 300 milliseconden nadat je stopt met typen, en het resultaat met inspringing verschijnt eronder in “Geformatteerde JSON”. Kies “Kopiëren” om het mee te nemen. Alles gebeurt in je browser, dus je JSON wordt nooit geüpload.
Hoe krijg ik JSON pretty print met 4 spaties of tabs?
Kies het tandwielpictogram naast de titel om het menu “Inspringing” te openen en kies 2 spaties, 4 spaties of “Tab”. De standaard is 2 spaties, en het resultaat verandert zodra je een andere optie kiest.
Hoe kan ik JSON valideren om te zien of hij geldig is?
Plak hem. Een geldig document wordt verwerkt en onder het resultaat verschijnt “Geldige JSON.”. Bij een ongeldig document toont een rood vak “Ongeldige JSON” de reden in gewone taal, met de regel en kolom van het probleem.
Waarom geeft mijn JSON een fout over een komma aan het eind?
JSON staat geen komma toe na het laatste item van een object of array, zoals in [1, 2,]. De tool wijst naar het sluitende haakje na de overbodige komma. Verwijder de komma en de JSON wordt verwerkt.
Mag JSON opmerkingen bevatten?
Nee. Strikte JSON (RFC 8259) kent geen syntaxis voor opmerkingen, dus // en /* */ zijn fouten, ook al accepteren sommige configuratiebestanden ze. De tool meldt “JSON staat geen opmerkingen toe.” op de exacte regel en kolom, en jij haalt de opmerking weg om verder te gaan.
Wat betekent de fout json unexpected token?
Het betekent dat de parser op die plek een teken tegenkwam dat hij niet verwachtte. Deze tool noemt het teken dat hij vond, zegt wat hij in plaats daarvan verwachtte, bijvoorbeeld een komma of een sluitend haakje, en geeft de regel en kolom. Dat is meestal genoeg om de typefout te zien.
Verandert de verwerking mijn getallen of de volgorde van sleutels?
Nee. De tool controleert je oorspronkelijke tekst en herschrijft alleen de witruimte tussen de onderdelen. Getallen, tekenreeksen, de volgorde van sleutels en dubbele sleutels worden exact overgenomen, dus 12345678901234567890 wordt niet afgerond en 1.0 blijft 1.0. JSON.parse gevolgd door JSON.stringify verandert dat allemaal.
Wordt mijn JSON ergens geüpload?
Nee. De JSON wordt volledig op je apparaat verwerkt en er wordt niets geüpload of opgeslagen.
Wat is het verschil tussen een json formatter, json beautifier en json validator?
Een formatter en een beautifier voegen regeleinden en inspringing toe, zodat JSON gemakkelijk te lezen is. Een validator controleert of de tekst geldige JSON is. Deze tool doet beide in één stap: hij valideert strikt en maakt de JSON leesbaar als hij geldig is.
Aanbevolen
-
Belkin USB-C-hub met 4 poorten (100 W)Voegt de poorten toe die je laptop mist, zodat een tweede scherm het API-antwoord naast je code toont.
-
ARZOPA 16" 144 Hz Draagbare MonitorZet de opgemaakte JSON op een tweede scherm en je editor of documentatie op het eerste.
-
BenQ ScreenBar monitorlampVerlicht je bureau zonder schittering op het scherm, handig als je 's avonds laat een kapotte configuratie debugt.
Help de tools gratis te houden. ✨
Afbeeldingen dienen ter illustratie. Als Amazon-Partner verdien ik aan in aanmerking komende aankopen.
