Saltar al contenido

{ ≠JSON Diff

Cargando...

Al comparar respuestas de API o archivos de configuración, detectar cambios manualmente es tedioso y propenso a errores. JSON Diff compara profundamente dos documentos JSON y visualiza cada diferencia en un árbol desplegable: campos añadidos en verde, eliminados en rojo, cambios de valor en amarillo y cambios de tipo en naranja. Los objetos y arreglos anidados se comparan recursivamente.

Cómo usar

  1. 1
    Pegar JSON

    Pega el JSON original a la izquierda y el JSON de comparación a la derecha. Haz clic en 'Cargar ejemplo' para cargar datos de muestra.

  2. 2
    Revisar el resultado

    El árbol de diferencias aparece inmediatamente debajo. Los iconos indican: + añadido, − eliminado, ~ modificado, ⚠ tipo cambiado, = igual.

  3. 3
    Alternar campos iguales

    Marca 'Mostrar campos iguales' para mostrar también los campos que no han cambiado. Por defecto, solo se muestran los campos modificados.

  4. 4
    Contraer y expandir

    Haz clic en el encabezado de cualquier objeto o arreglo para contraer o expandir su subárbol, permitiéndote concentrarte en los cambios que importan.

Consejos

  • 💡Ideal para comparar versiones de respuestas de API o revisiones de archivos de configuración.
  • 💡Para JSON profundamente anidado, contrae los subárboles sin cambios para enfocarte en las diferencias.
  • 💡Las insignias de estadísticas en la parte superior te dan un recuento rápido de los campos añadidos, eliminados y modificados.
  • 💡Si ambos JSON son idénticos, una insignia azul confirma que no hay diferencias.

Preguntas frecuentes

Q. ¿El orden de los arrays afecta la comparación?
A. Sí. Los arrays se comparan por índice, por lo que elementos iguales en distinta posición aparecerán como modificados.
Q. ¿Para qué situaciones es más útil JSON Diff?
A. Es especialmente útil para comparar versiones de respuestas de API, revisar cambios en archivos de configuración antes de desplegar, o comparar instantáneas de bases de datos.
Q. ¿Qué pasa si los dos JSON son idénticos?
A. Se muestra una insignia azul de "Sin diferencias". La herramienta detecta incluso diferencias imperceptibles a simple vista.

DevHelper

© 2026. Todos los derechos reservados.