JSON Diff — JSON vergelijken

Wat JSON Diff doet

JSON Diff vergelijkt twee geparste JSON-waarden en laat zien wat er op elk pad is veranderd. Het is handig voor het inspecteren van wijzigingen in API-responses, configuratiewijzigingen, fixture-updates, feature-flag-payloads, webhookvoorbeelden, vertaalbestanden en gegenereerde data, waarbij een regelgebaseerde diff te rommelig is. In plaats van wijzigingen in leestekens te tonen, doorloopt de tool objecten en arrays recursief en labelt paden als toegevoegd, verwijderd, gewijzigd of ongewijzigd. Omdat beide kanten eerst als strikte JSON worden geparsed, worden syntaxfouten vóór de vergelijking opgemerkt. Zo kun je ongeldige invoer scheiden van echte structurele verschillen.

Het rapport gebruikt kleurgecodeerde regels, zodat betekenisvolle wijzigingen snel opvallen. Toegevoegde waarden verschijnen in groen, verwijderde paden in rood, gewijzigde waarden in amber en ongewijzigde primitieve paden in gedempte tekst. Het rapport in platte tekst kun je kopiëren naar een issue, pull request, debugnotitie of testreview wanneer je moet uitleggen hoe twee payloads van elkaar verschillen.

Privé werken in de browser

Alle verwerking gebeurt in je browser met JavaScript aan de clientzijde. De tool uploadt geen snippets, configuratiewaarden, gegenereerde data, querytekst of gekopieerde voorbeelden naar een server en vereist geen account. Dat uitsluitend lokale model is belangrijk voor ontwikkelaarstools, omdat de inhoud die je erin plakt vaak lijkt op echte applicatiedata: API-responses, logs, voorbeelden in de vorm van omgevingsvariabelen, databasequery's, markup uit concepten of waarden uit debugsessies in productie. Lokaal werken verkleint het risico en houdt de interactie snel, omdat er geen netwerkverkeer aan te pas komt.

De interface is bewust compact, zodat je invoer kunt plakken, opties kunt aanpassen, de uitvoer kunt bekijken, kopiëren en terug kunt gaan naar je editor. Controleer resultaten nog steeds voordat je ze commit, openbaar deelt of in een productieworkflow gebruikt. Browsertools zijn uitstekend voor snelle inspectie en voorbereiding, maar ze kunnen niet elke projectconventie, regel voor dataclassificatie of applicatiespecifieke validatie-eis kennen.

Praktische tips

Gebruik deze tool voor kleine tot middelgrote JSON-fragmenten die je snel wilt begrijpen. Zeer grote documenten zijn soms makkelijker te vergelijken in een speciale editor, zeker wanneer arrays items in een andere volgorde of records zonder stabiele identifiers bevatten. Deze browserdiff vergelijkt arraypositie voor arraypositie, waardoor een vooraan toegevoegd item ervoor kan zorgen dat latere array-items als gewijzigd verschijnen, ook al zijn de objecten conceptueel dezelfde. Normaliseer gegenereerde tijdstempels, willekeurige ID's en omgevingsspecifieke waarden vóór het vergelijken, zodat echte contractwijzigingen makkelijker te herkennen zijn.