Geen upload, 100% lokaal, geen account

JSON formatteren / valideren / minify

Plak of typ je JSON. Formatteer met 2 of 4 spaties, minify, of valideer gewoon. Alles blijft in je browser.

Hoe JSON-formatter werkt

JSON-formatter neemt onbewerkte JSON-tekst die je in de editor plakt en retourneert deze ingesprongen, gekleurd en geldig, of vertelt je precies waar de syntaxisfout zit. Het minificeert ook JSON om alle witruimte te verwijderen voor omvangsgevoelige payloads. Elk teken dat je typt of plakt blijft in het browsertabblad; niets dat je invoert verlaat je apparaat.

De formatter parseert je JSON met de native JSON.parse van de browser, wat betekent dat hij de JSON-specificatie nauwkeurig respecteert en afsluitende komma's, niet-geciteerde sleutels of controletekens markeert die sommige soepele parsers stilzwijgend accepteren. Als je wilt valideren voordat je JSON naar een API stuurt, is dit een snelle, offline-geschikte controle.

Geschreven door Bastien Sulyan

Hoe je JSON-formatter gebruikt, stap voor stap

  1. Plak je JSON-tekst in het invoergebied.
  2. Klik op 'Opmaken' (of gebruik de sneltoets) om de uitvoer in te springen en met syntaxis te markeren.
  3. Bekijk eventuele foutmeldingen, die de regel en kolom van het eerste syntaxisprobleem bevatten.
  4. Klik op 'Minificeren' om de opgemaakte JSON terug samen te vouwen tot één regel.
  5. Kopieer het resultaat uit het uitvoergebied via de kopieerknop.

Veelvoorkomende toepassingen

  • Een back-endontwikkelaar ontvangt een API-reactie als geminificeerde blob en moet de structuur lezen voordat hij een parseerfout debugt.
  • Een QA-engineer valideert een JSON-configuratiebestand voordat hij het inzet in een staging-omgeving.
  • Een gegevensanalist wil een gedownloade JSON-gegevensset inspecteren en de nestdiepte controleren voordat hij transformatiecode schrijft.
  • Een front-endontwikkelaar heeft een geminificeerde versie nodig van een grote JSON-fixture om in een testbestand in te sluiten.

Veelgestelde vragen

Wordt de JSON die ik plak naar een server gestuurd voor verwerking?

Nee. Het opmaken en valideren worden volledig in je browser uitgevoerd met behulp van de native JSON.parse-functie en een lokale opmaakmodule. Niets dat je hier plakt, wordt verzonden. Open de DevTools van je browser, controleer het tabblad Netwerk tijdens het opmaken en je zult geen uitgaand verzoek zien dat je tekst bevat.

Welke JSON-syntaxisfouten detecteert het hulpmiddel?

Het hulpmiddel gebruikt de JSON.parse van de browser, die strikte RFC 8259-conformiteit afdwingt: afsluitende komma's in objecten of arrays, strings met enkelvoudige aanhalingstekens, niet-geciteerde eigenschapssleutels en kale controletekens veroorzaken allemaal een parseerfout met een bericht dat de geschatte positie van het probleem aangeeft. Het controleert alleen de structuur: het valideert je gegevens niet tegen een JSON Schema, dus een document dat probleemloos wordt geparst, kan nog steeds fout zijn voor je toepassing.

Kan ik zeer grote JSON-bestanden opmaken?

Het hulpmiddel verwerkt tekst die je in de editor plakt, dus de praktische limiet is de hoeveelheid tekst die je browsertabblad gemakkelijk kan bevatten. Bestanden tot een paar megabytes worden snel opgemaakt. Zeer grote JSON (tientallen megabytes) kan traag zijn en wordt beter verwerkt door een opdrachtregelprogramma zoals jq.

Behoudt de formatter de volgorde van sleutels?

Ja. De formatter sorteert of herordent sleutels niet. Hij serialiseert het geparseerde object opnieuw met JSON.stringify, dat de invoegvolgorde behoudt in moderne JavaScript-engines. De enige wijziging is witruimte.

Kan ik dit hulpmiddel gebruiken om twee JSON-objecten te vergelijken?

De formatter toont één JSON tegelijk. Om twee objecten te vergelijken, maak je elk afzonderlijk op en plak je beide in een gewone tekst-diff-tool. De ingesprongen uitvoer maakt structurele verschillen gemakkelijk zichtbaar regel voor regel.

Werkt de JSON-formatter offline?

Ja, zodra de pagina is geladen. Omdat de opmaaklogica puur JavaScript is dat in de browser draait, kun je de verbinding verbreken en door gaan met het opmaken van JSON zonder onderbreking.

Kan ik JSON formatteren op mijn telefoon, en is een account vereist?

Op beide vlakken zit het goed: geen account, geen aanmelding, en de formatter is een gewoon tekstveld dat op een mobiele browser hetzelfde werkt als op een computer, handig om snel een API-respons te controleren als je niet achter je bureau zit.