Saltar al contenido
Comparar texto

Visor Diff

Compara visualmente las diferencias entre dos bloques de texto y detecta al instante adiciones, eliminaciones y cambios.
Las diferencias en saltos de línea y espacios también se resaltan, facilitando la revisión de modificaciones sutiles.

Es ideal para revisar documentos, corregir textos y comprobar cambios en código o especificaciones.
Todo el procesamiento se realiza en el navegador y el contenido no se envía a servidores externos.

Guía: Cómo usarlo y características

  • Pega el texto original a la izquierda y el texto modificado a la derecha, luego haz clic en “Mostrar diferencias”.
  • Las adiciones se muestran en verde y las eliminaciones en rojo para identificar los cambios al instante.
  • Después de comparar, usa los botones de copiar para compartir cualquiera de las versiones.
  • Los textos muy largos pueden tardar unos segundos en mostrarse; mantén la pestaña abierta hasta que finalice.

Ejemplos: Ejemplos de entrada y salida

Compare two short files

Entrada

Left
console.log("hello");
Right
console.log("hello world");

Salida

- console.log("hello");
+ console.log("hello world");

FAQ: Preguntas frecuentes

  • ¿Cómo se manejan las diferencias de espacios?

    El diff se muestra por líneas e incluye espacios, tabulaciones y saltos de línea. Si quitas espacios innecesarios antes de pegar, el resultado será más legible.
  • ¿Funciona con fragmentos grandes?

    El procesamiento ocurre en el navegador; unos miles de líneas suelen funcionar bien. Para archivos más grandes, conviene dividirlos antes de compararlos.
  • ¿Puedo guardar el diff?

    Copia el resultado para compartirlo como texto. Si lo prefieres, toma una captura de pantalla o usa las funciones de guardado del navegador.

Casos de uso: Usos habituales

  • Comparing config or environment changes

    Quickly diff updated .env or YAML/JSON files to review tweaks and catch unintended edits.

  • Checking generated output

    Paste build artifacts or codegen results to see exactly what changed between runs.

  • Sharing minimal edits

    Extract only the relevant lines as a diff to discuss changes in PR comments or chat.

Notas: Notas y limitaciones

  • Todo se queda en el navegador

    Las entradas y salidas permanecen en tu dispositivo. Al cerrar la pestaña o borrar la caché, se eliminan los estados temporales.

  • Valida los datos críticos

    Los resultados son un apoyo; revísalos antes de enviarlos a sistemas productivos o compartirlos externamente.

  • Cargas grandes dependen del dispositivo

    Textos o archivos muy extensos pueden ir más lentos en algunos navegadores. Para tareas pesadas, usa un entorno de escritorio.

Resultado

Comparador de texto y diferencias

Compara dos textos y resalta líneas añadidas, eliminadas o modificadas. Sirve para revisar código, configuraciones, documentos, logs y salidas generadas cuando pequeños cambios pueden pasar desapercibidos.

Usos comunes

  • Revisar cambios antes de commitear: detecta ediciones accidentales.
  • Comparar configuraciones: revisa JSON, YAML, .env o archivos de servidor.
  • Editar documentación: identifica frases o líneas modificadas entre versiones.

Ten en cuenta que espacios, indentación y saltos de línea también pueden aparecer como diferencias.