CRX id
begcddgpiamjkanbgdcihlbfdmogcloo
begcddgpiamjkanbgdcihlbfdmogcloo
Description from extension meta
Pruebas de regresión visual local para sitios web - Compare cambios de UI visualmente y detecte diferencias DOM/CSS sin nube
Image from store
Description from store
¿Cansado de verificar manualmente los errores visuales después de cada cambio de código? UI Testing Inspector es tu verificador de diferencias visuales confiable con análisis DOM.
¿Por qué usarlo?
⚡ 100 % Local y Privado: todas las capturas e información de comparación permanecen en tu computadora. Sin cloud, sin compartir datos
⚡ Bucle de retroalimentación instantáneo: instala la extensión, toma una línea base, cambia tu código y ve las diferencias al instante. Perfecto para pruebas de regresión rápidas
⚡ Detección pixel-perfect: captura incluso los cambios visuales más pequeños que podrían pasar desapercibidos
Características clave
🔸 Línea base con un clic – captura el estado «antes» de cualquier página con un clic
🔸 Diff visual pixel-perfect – informe claro con línea base, estado actual y diferencias resaltadas
🔸 Inspeccionar elemento – ve qué cambió en DOM y CSS, además del código
🔸 Captura de página completa o área visible
🔸 Historial de informes – guarda y revisa hasta 14 informes previos
🔸 Temas claro y oscuro – visualización cómoda día/noche
Dentro del informe detallado
🔍 Tras cada comparación:
✔️ Resumen – porcentaje de diferencia y conteo de elementos alterados
✔️ Vista lado a lado – «Antes / Después» junto a imagen de «Diferencias»
✔️ Lista de cambios DOM & CSS – color, fuente, margen, etc.
✔️ Validador HTML – revisa errores de marcado
Lo que capturarás
➤ Desplazamientos y desalineaciones de layout
➤ Cambios de color y estilo
➤ Elementos faltantes o movidos
➤ Modificaciones de fuente y texto
➤ Diferencias de imágenes
Cómo funciona
1️⃣ Establece la línea base visual
2️⃣ Realiza cambios de código con confianza
3️⃣ Haz clic en «Comparar con línea base» – informe detallado en nueva pestaña
4️⃣ Analiza diferencias y corrige problemas
5️⃣ Actualiza la línea base cuando apruebes la nueva versión
Consejos pro
✨ Espera la carga total antes de capturar
✨ Usa captura de página completa para pruebas completas
✨ Mantén mismo tamaño de ventana para comparaciones precisas
✨ Captura cuando el contenido esté estable
✨ Prueba un cambio a la vez para claridad
✨ Guarda líneas base clave antes de grandes refactorizaciones
Casos de uso
✅ Pruebas de regresión visual
✅ Verificación de UI/diseño
✅ Refactorización CSS sin miedo
✅ Flujo de testing frontend con feedback visual inmediato
Para quién
➡️ Desarrolladores frontend • Ingenieros QA • Diseñadores UI/UX • Freelancers y equipos pequeños
Por qué destaca
🖼️ Mejor que capturas manuales
📝 Cero curva de aprendizaje – listo para usar
FAQ
❓ ¿Cómo detecta cambios?
💬 Comparación píxel a píxel + escaneo estructural DOM/CSS.
❓ ¿Mis datos están seguros?
💬 Sí – todo se procesa y almacena 100 % localmente en tu navegador.
❓ ¿Funciona en localhost?
💬 Claro – ideal para desarrollo local.
❓ ¿Y contenido dinámico?
💬 Compara estados estáticos: captura cuando animaciones y anuncios estén estables.
Latest reviews
- (2025-07-09) Дарья Петрова: Creates a full and detailed report of differences between two versions of web pages. Waiting for Visual comparison of whole page, not just viewport visible parts.