Pruebas Visuales - UI Testing Inspector

Pruebas de regresión visual sin falsas alarmas. Compara tu página con la línea base e ignora el contenido dinámico. 100% local.

Una extensión que encuentra regresiones visuales. Muestra los cambios reales y no dice nada sobre el resto. Toma una línea base de tu página. Haz tus cambios. Haz clic en "Compare" (Comparar). El informe muestra solo lo que realmente cambió. Por qué el informe se mantiene limpio 🔸 La extensión compara tu página con una línea base. Las superposiciones que siempre fueron parte del diseño no se consideran errores. 🔸 Carruseles, banners, temporizadores y anuncios se detectan y excluyen automáticamente. No hay que configurar nada. 🔸 Probado en sitios web reales. Miles de falsos positivos de las herramientas de comparación de píxeles se reducen a cero aquí. Privacidad Las capturas de pantalla y los datos nunca salen de tu computadora. Sin nube, sin cuentas, sin suscripciones. Qué incluye el informe 🔸 Un veredicto en una línea. Ves de inmediato si la página está bien. 🔸 Hallazgos en lenguaje simple. Por ejemplo, "un bloque se superpone a un botón". Cada uno incluye un recorte de la captura de pantalla con un resaltado. 🔸 Cambios de texto. Antes y después, con las palabras modificadas resaltadas. 🔸 Un control deslizante para comparar la línea base con la versión actual, más un mapa de diferencias. 🔸 Exporta el informe como un solo archivo con todas las capturas de pantalla. Envíalo a un cliente o compañero de equipo. Se abre sin necesidad de la extensión. Auditoría de responsividad 📱 Revisa tu página en 320, 768, 1024, 1440 px o tus propios anchos. El informe muestra dónde se rompe el diseño e incluye una captura de pantalla de cada tamaño. También puede 🔸 Capturar la página completa, incluida la parte que no se ve al cargar 🔸 Detectar texto cortado y bloques que sobresalen de sus contenedores 🔸 Señalar problemas de accesibilidad, como imágenes sin descripción 🔸 Guardar tus últimos 10 informes. Vuelve a abrir cualquiera cuando quieras Cómo funciona 1️⃣ Abre tu página y toma una línea base 2️⃣ Cambia tu código y contenido 3️⃣ Haz clic en "Compare with baseline" (Comparar con línea base). El informe se abre en una nueva pestaña 4️⃣ ¿Te gusta la nueva versión? Actualiza la línea base con un clic Para quién es ➡️ Desarrolladores frontend. Detecta regresiones antes de hacer commit ➡️ Ingenieros de QA. Verificaciones visuales sin CI ni configuración ➡️ Freelancers y agencias. Envía a los clientes un informe en un solo archivo ➡️ Diseñadores. Verifica rápidamente la implementación contra el mockup Preguntas y respuestas ❓ ¿Qué pasa con los carruseles, los anuncios y los relojes? 💬 La extensión encuentra el contenido dinámico automáticamente y lo excluye de la comparación. ❓ ¿Están seguros mis datos? 💬 Sí. Todo se almacena y procesa solo en tu navegador. ❓ ¿Funciona en localhost? 💬 Sí. Es ideal para el desarrollo local. ❓ ¿Necesito una cuenta o configuración? 💬 No. Instala la extensión y haz clic en el botón.