DevToys Web Pro iconDevToys Web ProBlog
Valora'ns:
Prova l'extensió del navegador:

Visualitzador de diferències JSON

Idèntic
  • JSON de l'esquerra

  • JSON de la dreta

  • Sortida del diff

    Sense diferències — els dos documents JSON són idèntics.
    Detalls tècnics

    Com funciona l’eina de diferències JSON

    Què fa l’eina

    L’eina JSON Diff fa una comparació estructural profunda de dos documents JSON, identificant claus afegides, eliminades i modificades a tots els nivells d’anidament. Els resultats es mostren amb ressaltat codificat per colors que indica exactament què ha canviat, incloent-hi diferències en objectes i arrays anidats. Això proporciona un diff semàntic que entén l’estructura del JSON en lloc de comparar línies de text en brut.

    Casos d’ús habituals per a desenvolupadors

    Els desenvolupadors utilitzen el diff de JSON per comparar respostes d’API abans i després de canvis de codi, verificar que les actualitzacions de fitxers de configuració contenen només les modificacions previstes i depurar diferències entre configuracions específiques d’entorn (staging vs producció). És essencial per revisar sortides de Terraform plan, comparar versions d’esquemes OpenAPI i validar que els scripts de migració de base de dades produeixen els canvis d’esquema esperats en exportacions JSON.

    Formats, tipus o variants de dades

    L’eina fa una comparació estructural on l’ordre de les claus dels objectes no afecta la igualtat (ja que els objectes JSON són desordenats per especificació), però l’ordre dels elements dels arrays sí que és significatiu. Els canvis de tipus (cadena '1' vs número 1) s’informen com a modificacions. Els valors null es distingeixen de les claus absents. Les diferències profundament anidades s’informen amb el seu camí JSON complet perquè puguis localitzar canvis en documents complexos sense haver d’expandir manualment cada nivell.

    Errors habituals i casos límit

    Els diffs d’arrays poden ser sorollosos quan s’insereixen o s’eliminen elements al mig, fent que tots els índexs posteriors apareguin com a canviats. Els nombres de coma flotant poden diferir per la precisió de serialització (1.0 vs 1.00000000001) sense representar un canvi significatiu. Documents JSON molt grans amb milers de claus en un sol nivell poden produir una sortida de diff aclaparadora — considera comparar subseccions individualment. Els comentaris no són JSON vàlid, així que els fitxers de configuració comentats s’han de netejar abans de comparar.

    Quan utilitzar aquesta eina vs codi

    Utilitza aquesta eina del navegador per a una comparació visual ràpida de dues càrregues JSON durant la depuració o la revisió de codi. Per a proves de regressió automatitzades, pipelines de CI o generació de diffs programàtica, utilitza biblioteques com json-diff (npm), deepdiff (Python) o comparacions basades en jq que es poden integrar en suites de proves i produir una sortida de pegat llegible per màquina (format RFC 6902 JSON Patch).