🧰 ToolPicoTodas las herramientas →
InicioBlog › Novedades: modo JSON y búsqueda en el diff

Novedades en el comparador de texto: modo JSON dedicado y búsqueda dentro del diff

El comparador de texto de ToolPico acaba de sumar dos funciones que veníamos pidiendo desde hace tiempo en nuestras propias guías anteriores: un modo pensado específicamente para JSON, y un buscador que resalta coincidencias directamente sobre el resultado del diff. Esta entrada repasa qué hace cada novedad, con ejemplos concretos de cuándo usarla.

En esta guía

Novedad 1: modo JSON con formateo y orden de claves automáticos

Respuesta cortaLa pestaña { } JSON, junto a Palabra, Línea y Carácter, formatea automáticamente ambos textos con una sangría de 2 espacios y ordena las claves alfabéticamente antes de calcular el diff, de modo que dos JSON equivalentes pero con las claves en distinto orden se muestren como iguales.

Hasta ahora, comparar dos respuestas de API o dos archivos de configuración en JSON con este comparador significaba tratarlos como texto genérico: si una de las dos versiones tenía las claves en otro orden, o estaba comprimida en una sola línea mientras la otra estaba indentada, el diff marcaba casi todo el documento como distinto aunque los datos fueran idénticos. El nuevo modo JSON resuelve justo ese problema — es la mejora que pedíamos en nuestra guía anterior sobre diffs largos, y ya está disponible como una pestaña más dentro de la misma herramienta.

Cómo se usa: pega el primer JSON en el cuadro A y el segundo en el cuadro B, haz clic en la pestaña { } JSON y pulsa Comparar. Ambos textos se reformatean internamente antes de compararse por línea, así que el resultado refleja diferencias de contenido, no de estilo de escritura.

Un ejemplo ilustrativo (hipotético, no un caso real registrado): supón que comparas la configuración de un endpoint antes y después de un cambio, y en la versión nueva alguien reordenó las claves del objeto de manera alfabética por costumbre del editor de código, sin tocar ningún valor. En modo línea normal, ese reordenamiento aparecería como un bloque casi completo de líneas añadidas y eliminadas. En modo JSON, como ambos objetos se ordenan de la misma forma antes de comparar, el diff resultante mostraría cero cambios reales — que es precisamente lo que ocurrió con los datos.

Qué pasa con un JSON inválido: si alguno de los dos textos no se puede interpretar como JSON válido (una coma de más, una llave sin cerrar), la herramienta te avisa con un mensaje de error en lugar de forzar la comparación, para que corrijas la sintaxis antes de continuar.

Novedad 2: buscar y resaltar dentro del resultado del diff

Respuesta cortaDebajo del resultado del diff aparece ahora un campo de búsqueda con icono de lupa. Escribe una palabra o un fragmento y todas las coincidencias se resaltan en amarillo dentro del propio diff, con botones Anterior / Siguiente y un contador para saltar entre ellas.

En nuestra guía anterior sobre diffs largos explicábamos que, a falta de un buscador propio, la única opción era usar Ctrl+F del navegador sobre el resultado ya generado — funcional, pero sin distinguir visualmente las coincidencias del resto de la página. Esa limitación ya no existe: el nuevo campo de búsqueda trabaja directamente sobre el HTML del diff, así que el resaltado convive con los colores de añadido/eliminado en lugar de competir con ellos.

Un caso práctico: si acabas de comparar dos versiones de un archivo de registro (log) de varios cientos de líneas y solo te interesa localizar las apariciones de una palabra concreta —por ejemplo un identificador de error o un nombre de función— entre las partes que cambiaron, basta con escribirla en el buscador. Cada coincidencia queda marcada, y el botón Siguiente te lleva de una a otra sin perder de vista el resto del diff coloreado alrededor. Es un complemento natural al navegador de cambios (los botones Anterior/Siguiente que saltan entre bloques añadidos o eliminados): uno recorre cambios, el otro recorre coincidencias de texto, y ambos pueden usarse en la misma sesión de revisión.

Navegador de cambios frente a buscador de resultado — cuándo usar cada uno
HerramientaSalta entreÚtil cuando
Navegador de cambiosBloques añadidos/eliminadosQuieres revisar todo lo que cambió, en orden
Buscador del resultadoCoincidencias de una palabra o fraseBuscas un término concreto dentro de un diff largo

Usar ambas novedades juntas: un caso práctico

Las dos novedades encajan bien en un mismo flujo de trabajo cuando lo que comparas es una respuesta de API o un archivo de configuración JSON extenso. Por ejemplo (de nuevo, un escenario ilustrativo): comparas dos versiones de un JSON de configuración de varios cientos de líneas con el nuevo modo JSON, y el resultado —ya con las claves ordenadas de forma consistente en ambos lados— sigue teniendo decenas de diferencias reales de valores. En vez de leer todo el documento de arriba abajo, escribes en el buscador el nombre de la clave que sabes que te preocupa (por ejemplo timeout o max_retries) y saltas directamente a sus apariciones dentro del diff ya limpio de ruido de formateo.

El resultado es un flujo de dos pasos: primero el modo JSON elimina las diferencias que no importan (orden de claves, indentación), y después el buscador te lleva exactamente a las que sí importan, sin depender de desplazarte manualmente ni de adivinar en qué parte del documento quedó el cambio.

Prueba el nuevo modo JSON y el buscador dentro del resultado — pega tus textos, elige la pestaña que necesites y compara en segundos, todo en tu navegador.

Probar el Comparador de texto →

Preguntas frecuentes

¿Qué hace exactamente el nuevo modo JSON?
Al elegir la pestaña { } JSON, la herramienta formatea automáticamente ambos textos con una sangría de 2 espacios y ordena las claves de cada objeto alfabéticamente antes de calcular el diff. Así, dos JSON que representan el mismo dato pero con las claves en distinto orden, o con un formateo distinto (una sola línea frente a varias), se comparan por su contenido real y no por su forma superficial.
¿Sigue siendo una pestaña del comparador de texto o es una herramienta aparte?
Por ahora es un modo dedicado dentro del propio comparador de texto, seleccionable junto a los modos palabra, línea y carácter en la misma barra de pestañas. No hace falta cambiar de página ni de herramienta: se activa con un clic sobre { } JSON en la parte superior de la caja de comparación.
¿Qué ocurre si pego un JSON con un error de sintaxis?
Si alguno de los dos textos no es JSON válido, la herramienta muestra un aviso con el mensaje de error correspondiente en lugar de intentar formatearlo, para que puedas corregir la sintaxis antes de comparar.
¿Cómo funciona el nuevo buscador dentro del resultado del diff?
Debajo del resultado aparece un campo de búsqueda con icono de lupa. Al escribir una palabra o un fragmento de texto, todas las coincidencias dentro del diff generado se resaltan en amarillo, y unos botones Anterior/Siguiente junto a un contador permiten saltar de una coincidencia a la siguiente sin desplazarte manualmente.
¿El buscador del resultado sustituye a la búsqueda del navegador (Ctrl+F)?
No es obligatorio elegir entre ambos, pero el buscador integrado tiene una ventaja: resalta directamente sobre el HTML del diff ya coloreado y ofrece navegación con contador propio, mientras que la búsqueda genérica del navegador no distingue entre el resultado del diff y el resto de la página.

Guías relacionadas

Nota: este artículo tiene fines informativos. Los ejemplos de JSON, logs y nombres de clave son ilustrativos y no representan datos ni mediciones reales.