JSON-formatter, validator en minifier

JSON formatteren, valideren en minificeren direct in je browser

JSON, een afkorting voor JavaScript Object Notation, is de lingua franca van het moderne web. Vrijwel elke REST API die je aanroept retourneert het, de meeste configuratiebestanden leunen erop, en een groot deel van de data die tussen services en front-ends uitgewisseld wordt, is geserialiseerd als JSON. De populariteit is goed te begrijpen: het formaat is eenvoudig, taalonafhankelijk, en sluit naadloos aan op de objecten, arrays, strings en getallen waar programmeurs al in denken. Maar diezelfde compactheid heeft een keerzijde. Zodra een server je een antwoord op één regel stuurt vol honderden geneste sleutels, verdwijnt de structuur die JSON zo aantrekkelijk maakte in een muur van tekens.

De speedor.net JSON Formatter bestaat om die structuur terug te geven. Plak je data, en hij zet JSON direct netjes op, valideert en minificeert het, volledig in je browsertabblad. Er wordt niets naar een server geüpload, wat van groot belang is wanneer de payload die je inspecteert een API-respons is met tokens, klantgegevens of interne identificatoren.

Waarom inspringing JSON weer leesbaar maakt

Formatteren, ook wel beautifying of pretty-printing genoemd, neemt compacte of geminificeerde JSON en voegt regelafbrekingen en consistente inspringing toe. De informatie is identiek; alleen de witruimte verandert. Toch is het die witruimte waarmee je oog de nestingdiepte volgt, ziet waar het ene object eindigt en het volgende begint, en een array van drie items onderscheidt van een array van driehonderd. Als je om twee uur 's nachts een integratie aan het debuggen bent, is het verschil tussen een leesbare boom en een ononderbroken string het verschil tussen de bug vinden en hem missen.

Een goede formatter behoudt ook de volgorde van sleutels en de exacte waarden, zodat wat je leest werkelijk is wat de API stuurde. Je kijkt niet naar een opnieuw gerenderde benadering; je kijkt naar dezelfde bytes, alleen zo opgemaakt dat een mens ze net zo makkelijk kan verwerken als een machine.

Validatie en de fouten die iedereen maakt

Formatteren is maar de helft van het werk. Voordat JSON überhaupt geformatteerd kan worden, moet het geldig zijn, en de strikte regels van het formaat vangen veel meer fouten dan mensen verwachten. Een validator parseert je invoer en vertelt je precies waar het misgaat, doorgaans met verwijzing naar een regel en positie, zodat je niet blind hoeft te zoeken. De handvol fouten hieronder is verantwoordelijk voor de overgrote meerderheid van gebroken JSON:

• Aanhangstaande komma's. JSON verbiedt een komma na het laatste element van een object of array. JavaScript tolereert het, wat precies de reden is dat ontwikkelaars het gewoontegetrouw inplakken.
• Enkele aanhalingstekens. Strings en sleutels moeten dubbele aanhalingstekens gebruiken. Een object letterlijk direct uit broncode plukken laat vaak enkele aanhalingstekens achter, en de parser weigert dat.
• Ongenoteerde sleutels. Elke sleutel moet een aangehaalde string zijn. Blote sleutels, zoals die prima werken in een JavaScript-object, zijn ongeldige JSON.
• Ontbrekende of niet-overeenkomende haakjes. Een niet-gesloten { of [, of een overbodige sluitende, ontspoort het hele document. De formatter markeert waar de balans breekt.
• Opmerkingen en ongedefinieerde waarden. JSON heeft geen opmerkingen en geen undefined; alleen null, booleans, getallen, strings, arrays en objecten zijn toegestaan.

Stuur een verdachte payload eerst door de validator en deze problemen komen in seconden boven water in plaats van na een verwarrende reeks mislukte deploys.

Minificeren om payloads kleiner te maken

De omgekeerde operatie is net zo nuttig. Minificeren verwijdert elke byte optionele witruimte en brengt je JSON terug naar de kleinst mogelijke eenregelige vorm. Dat is precies wat je wilt als de data over de lijn gaat of in een configuratiewaarde terechtkomt, want kleinere payloads betekenen minder bandbreedte en snellere overdrachten. Een veelgebruikte workflow is om een respons te formatteren terwijl je hem bestudeert, alles wat fout is te corrigeren, en het resultaat daarna te minificeren voordat je het vastlegt of in een omgevingsvariabele plakt. Één tool behandelt beide kanten van die cyclus.

Lokale verwerking houdt gevoelige data privé

Omdat elke stap in JavaScript in je eigen browser wordt uitgevoerd, verlaat de JSON die je plakt nooit je machine. Dat is geen marketingprietpraat, het is een praktische garantie. Je kunt een ruwe API-respons vol bearer-tokens, een export van gebruikersdata, of een interne serviceconfiguratie inplakken zonder je zorgen te maken dat een server van derden het logt. Sluit het tabblad en de data is weg. Voor iedereen die werkt onder regels voor gegevensverwerking, elimineer je met lokale verwerking een hele categorie risico.

Als je JSON eenmaal schoon is, wil je wellicht verder gaan. Verken de rest van onze ontwikkelaarstools, converteer een structuur met JSON naar YAML, of decodeer een ingebedde waarde met Base64. Elk tool volgt hetzelfde principe: snel, gratis en volledig verwerkt in je browser.

Veelgestelde vragen