JSON Diff Checker

JSON Izquierdo (Original)
JSON Derecho (Modificado)

Herramientas relacionadas

Comparador de CódigoComparar código/texto lado a ladoFormateador JSONFormatear y embellecer datos JSONConversor YAML ⇄ JSONConvertir entre YAML y JSON

¿Qué es JSON Diff Checker?

JSON Diff Checker es una herramienta para desarrolladores que compara semánticamente dos objetos JSON y resalta cada diferencia con información visual clara. A diferencia del diff de texto plano, comprende la estructura JSON — detectando propiedades faltantes, discrepancias de tipos, cambios de valores y modificaciones de arrays en cada nivel de anidamiento. Todo se ejecuta 100% en tu navegador; tus datos nunca salen de tu dispositivo.

Cómo comparar JSON

1. Pega tu JSON original en el panel izquierdo y el JSON modificado en el panel derecho. 2. Haz clic en Comparar o deja que la comparación automática detecte cambios mientras escribes. 3. Revisa la vista lado a lado con resaltados con código de colores: verde para añadido, rojo para eliminado, amarillo para valores modificados. 4. Usa las flechas de navegación o la lista de diferencias para saltar entre cambios. 5. Filtra diferencias por tipo usando las casillas de verificación en la barra de resumen. 6. Haz clic en Copiar resultado o Exportar para descargar un resumen de las diferencias.

Características

  • Diff semántico — impulsado por jsondiffpatch para comparación estructural profunda.
  • Diferencias categorizadas — propiedades faltantes, discrepancias de tipos, cambios de valores, claves añadidas.
  • Vista lado a lado con desplazamiento sincronizado y resaltado a nivel de línea.
  • Navegación de diff — recorra las diferencias una por una con controles prev/next.
  • Panel de lista de diff — lista clicable de todas las diferencias con ruta y detalles.
  • Sistema de filtros — alterne la visibilidad por categoría de diferencia.
  • Exportar — descarga el diff como HTML o texto plano.
  • Persistencia de sesión — tus entradas se guardan automáticamente a través de IndexedDB.
  • 100% del lado del cliente — tus datos nunca salen del navegador.

Casos de uso

  • Comparar respuestas de API antes y después de cambios en el código.
  • Verificar actualizaciones de archivos de configuración (package.json, tsconfig, etc.).
  • Depurar diferencias de serialización entre entornos.
  • Revisión de código — verificar la salida JSON esperada frente a la real.
  • Validación de migración de base de datos — comparar registros exportados.
  • Pruebas de QA — comparar datos de fixtures entre ejecuciones de prueba.