Formatteer, valideer, bekijk en vergelijk JSON in je browser. Precieze syntaxisfouten, boomweergave, sleutels sorteren, zoeken en een semantische vergelijking die opmaak negeert.
Tab laat de huidige regel of selectie inspringen. Druk eerst op Escape als Tab in plaats daarvan naar het volgende element moet.
De validatie draait terwijl je typt. Zodra het document leesbaar is krijg je statistieken, een boomweergave met kopieerbare paden en de acties formatteren, minifyen en sorteren. Er wordt niets verstuurd.
De statistieken verschijnen zodra het document leesbaar is.
De boom verschijnt zodra het document leesbaar is.
Formatteren laat een document opnieuw inspringen zonder de inhoud aan te raken: de parser leest het en de serializer schrijft dezelfde waarden terug met twee spaties, vier spaties of tabs. Minifyen is dezelfde bewerking zonder witruimte, wat je nodig hebt voordat een payload in een header, een querystring of een fixture gaat. Waarden, escapes en Unicode komen er precies zo uit als ze erin gingen.
Een validator die alleen „ongeldig” zegt, heeft je niets verteld. Deze geeft de regel, de kolom en de tekenoffset, benoemt de oorzaak - een komma op het einde, een sleutel tussen enkele aanhalingstekens, een ontbrekende dubbele punt, commentaar - en drukt de omliggende regels af met een dakje onder de fout. Hij meldt ook twee dingen die een parser verbergt: dubbele sleutels, die JSON.parse stilletjes tot de laatste terugbrengt, en grote gehele getallen die precisie verliezen zodra JavaScript ze leest.
De vergelijking gaat over gegevens, niet over tekst. Twee documenten die alleen verschillen in inspringing, regeleinden of de volgorde waarin hun sleutels zijn geschreven, worden gemeld als hetzelfde document. Arrays worden als reeksen vergeleken, want hun volgorde hoort bij de gegevens: één ingevoegd element wordt als één invoeging gemeld en niet als een wijziging van alles wat erna komt. Elk verschil verschijnt als toegevoegd, verwijderd, gewijzigd of type gewijzigd, met een symbool en een woord naast de kleur.
De boomweergave opent een document laag voor laag, zodat een groot bestand geen grote pagina wordt. Elke regel draagt het pad dat ernaartoe leidt - users[4].email, profile.address.city - en een kopieerknop voor het pad en voor de waarde, wat meestal is wat je echt uit het bestand nodig had.
Het document dat je plakt, het bestand dat je sleept, de gelezen waarden, de statistieken en de vergelijking verlaten dit tabblad nooit. Achter dit hulpmiddel zit geen API-aanroep, er wordt niets naar de opslag geschreven behalve je inspringvoorkeur, en er gaat niets naar de adresbalk. Dat telt hier zwaarder dan bij de meeste hulpmiddelen: productie-API-antwoorden en configuratiebestanden dragen vaak inloggegevens, klantgegevens of interne hostnamen.
Een API-antwoord lezen dat op één regel aankwam. Een webhook-payload toetsen aan wat je handler verwacht. Uitzoeken wat er veranderde tussen twee versies van een configuratiebestand. Een voorbeeldantwoord omzetten in een TypeScript-interface. Bevestigen dat een logregel geldige JSON is voordat je de parser de schuld geeft.
Formatteren en minifyen gaan door de eigen JSON-parser en -serializer van de browser, dus waarden, escapes en Unicode blijven exact behouden. De validatie doet de eigen scanner van dit hulpmiddel, en juist daarom kan het een regel en een kolom geven die het browserbericht niet levert, en waarschuwen voor dubbele sleutels en voor gehele getallen die precisie verliezen. Documenten zijn begrensd op 5 MiB, de syntaxiskleuring gaat boven 300 KiB uit zodat een groot bestand typbaar blijft, en de gedetailleerde vergelijking stopt vroeg bij zeer grote bomen. Het toetst niet aan een JSON Schema en repareert geen kapotte documenten.
Nee. Formatteren, valideren, vergelijken, de statistieken en de boom draaien allemaal in je browser. Dit hulpmiddel doet geen enkele API-aanroep, en niets van wat je plakt of sleept wordt naar de opslag geschreven of in de adresbalk gezet. Tussen bezoeken blijft alleen bewaard welke inspringing je koos.
Omdat hij gegevens vergelijkt en geen tekst. Inspringing, regeleinden en de volgorde waarin objectsleutels zijn geschreven betekenen niets in JSON en worden dus niet als verschil gemeld. De volgorde van een array betekent wel iets en wordt als reeks vergeleken, dus een herschikte lijst is een echt verschil.
De scanner vindt ze en waarschuwt je, maar niets kan ze terughalen: JSON.parse houdt voor een herhaalde sleutel alleen de laatste waarde, en elke andere JSON-parser die je gebruikt doet hetzelfde. De waarschuwing noemt de sleutel en de regel, zodat je de bron kunt corrigeren.
Tot 5 MiB. Boven ongeveer 300 KiB gaan de syntaxiskleuren uit zodat typen soepel blijft, en bij zeer grote documenten stopt de gedetailleerde vergelijking vroeg en zegt dat ook. Statistieken en validatie werken over het hele bereik.
MCP, Model Context Protocol: wat is het en hoe werkt het in de praktijk?
MCP, REST API, Function Calling and Agent Tools compared
Model Context Protocol, of MCP, is een open standaard om AI-applicaties te verbinden met tools en databronnen. In plaats van voor elk model en elke dienst een aparte integratie te bouwen, beschrijft een MCP-server zijn mogelijkheden in een gestandaardiseerd formaat dat compatibele clients kunnen ontdekken en aanroepen. In 2026 is MCP veel volwassener dan bij de lancering: de huidige specificatie gebruikt een stateless HTTP-kern, formele extensies, strengere autorisatieregels en mechanismen voor langlopende taken.
Axios werd voor veel JavaScript-teams de standaard HTTP-client omdat het een schone API bood voordat Fetch de standaard browserprimitief werd. Tegenwoordig kunnen veel teams native Fetch rechtstreeks gebruiken of voor Ky kiezen, een kleine wrapper die gemak toevoegt zonder het volle gewicht van Axios. De juiste keuze hangt af van of je daadwerkelijk Axios-specifieke functies nodig hebt zoals interceptors en bestaande wrappers, of dat een lichtere, modernere verzoeklaag beter bij je app past.
TypeScript vs JavaScript: wat moet je gebruiken voor frontend?
TypeScript and JavaScript compared
JavaScript is de taal van het web, en TypeScript is JavaScript met een typesysteem dat teams helpt fouten eerder op te sporen en grotere codebases met meer vertrouwen te onderhouden. Voor kleine scripts en snelle prototypes is gewone JavaScript misschien genoeg. Voor serieuze frontendapplicaties verdient TypeScript zich vaak terug door betere tooling, veiliger refactoren en duidelijkere contracten tussen modules. De juiste keuze hangt af van projectgrootte, teamervaring en hoe lang de code moet meegaan.
Wij bouwen maatwerksoftware en oplossingen afgestemd op jouw wensen.