JSON Diff — Comparador de JSON

Qué hace JSON Diff

JSON Diff compara dos valores JSON ya analizados e informa de lo que ha cambiado en cada ruta. Resulta útil para inspeccionar cambios en respuestas de API, ediciones de configuración, actualizaciones de fixtures, payloads de feature flags, ejemplos de webhooks, archivos de traducción y datos generados, cuando un diff basado en líneas genera demasiado ruido. En lugar de mostrar cambios de puntuación, recorre de forma recursiva objetos y arrays y etiqueta las rutas como añadidas, eliminadas, modificadas o sin cambios. Como ambos lados se analizan primero como JSON estricto, los errores de sintaxis se detectan antes de la comparación, lo que ayuda a distinguir una entrada no válida de las diferencias estructurales reales.

El informe utiliza líneas de colores para que los cambios relevantes destaquen enseguida. Los valores añadidos aparecen en verde, las rutas eliminadas en rojo, los valores modificados en ámbar y las rutas primitivas sin cambios en texto atenuado. El informe en texto plano se puede copiar en una incidencia, una pull request, una nota de depuración o una revisión de pruebas cuando necesites explicar en qué se diferencian dos payloads.

Flujo de trabajo privado en el navegador

Todo el procesamiento se realiza dentro de tu navegador con JavaScript del lado del cliente. La herramienta no sube a ningún servidor fragmentos de código, valores de configuración, datos generados, texto de consultas ni ejemplos copiados, y no requiere una cuenta. Este modelo exclusivamente local es importante en las utilidades para desarrolladores, porque el contenido que se pega en ellas suele parecerse a datos reales de la aplicación: respuestas de API, registros, muestras con forma de variables de entorno, consultas de bases de datos, marcado de borradores o valores copiados de sesiones de depuración en producción. Mantener la transformación en local reduce riesgos y hace que la interacción sea rápida, porque no hay tránsito por la red.

La interfaz es deliberadamente compacta para que puedas pegar la entrada, ajustar las opciones, revisar la salida, copiarla y volver a tu editor. Aun así, conviene revisar los resultados antes de confirmarlos en un commit, compartirlos públicamente o usarlos en un flujo de producción. Las herramientas del navegador son excelentes para inspecciones y preparaciones rápidas, pero no pueden conocer todas las convenciones de un proyecto, las reglas de clasificación de datos ni los requisitos de validación propios de cada aplicación.

Consejos prácticos

Usa esta herramienta con fragmentos JSON pequeños o medianos que necesites entender rápidamente. Los documentos muy grandes pueden resultar más fáciles de comparar en un editor especializado, sobre todo cuando los arrays contienen elementos reordenados o registros sin identificadores estables. Este diff del navegador compara directamente las posiciones de los arrays, de modo que un elemento insertado al principio puede hacer que las entradas posteriores parezcan modificadas aunque, conceptualmente, las identidades de los objetos sean las mismas. Normaliza las marcas de tiempo generadas, los ID aleatorios y los valores específicos del entorno antes de comparar, para detectar con más facilidad los cambios reales de contrato.