Description from extension meta
Compare cambios visuales antes y después de actualizar páginas web con informes detallados y análisis DOM.
Image from store
Description from store
¿Cansado de verificar manualmente errores visuales tras cada cambio de código? UI Testing Inspector es su comprobador 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 su ordenador – sin nube, sin compartir datos
⚡ Bucle de retroalimentación instantánea: instale la extensión, capture una línea base, cambie el código y vea las diferencias al instante – perfecto para pruebas de regresión rápidas
⚡ Detección pixel-perfect: capture incluso los cambios más mínimos que el ojo humano podría pasar por alto
Características clave
🔸 Línea base con un clic – capture el estado «antes» de cualquier página con un solo clic
🔸 Diff visual pixel-perfect – informe claro con línea base, estado actual y diferencias resaltadas
🔸 Inspeccionar elemento – observe cambios en DOM y CSS, además del código
🔸 Captura de página completa o viewport
🔸 Historial de informes – guarde y revise hasta 15 informes anteriores
🔸 Temas claro y oscuro – visualización cómoda de día o de noche
Dentro del informe detallado
🔍 Tras cada comparación:
✔️ Resumen – % de diferencia y número de elementos cambiados
✔️ Vista lado a lado – «Antes / Después» y la imagen de «Diferencias»
✔️ Lista de cambios DOM & CSS – color, fuente, margen, etc.
Lo que capturará
➤ Desplazamientos y desalineaciones de diseño
➤ Cambios de color y estilo
➤ Elementos faltantes o movidos
➤ Modificaciones de fuente y texto
➤ Diferencias de imagen
Cómo funciona
1️⃣ Establezca la línea base visual
2️⃣ Modifique el código con confianza
3️⃣ Pulse «Comparar con línea base» – informe detallado en nueva pestaña
4️⃣ Analice diferencias, corrija problemas
5️⃣ Actualice la línea base cuando esté satisfecho
Consejos profesionales
✨ Espere la carga completa antes de capturar
✨ Use captura de página completa para pruebas exhaustivas
✨ Mantenga el mismo tamaño de ventana para comparaciones precisas
✨ Capture línea base con contenido estable
✨ Pruebe un cambio a la vez para resultados claros
✨ Guarde líneas base críticas antes de grandes refactorizaciones
Casos de uso
✅ Pruebas de regresión visual
✅ Verificación de UI/diseño
✅ Refactorización CSS sin miedo
✅ Flujos de trabajo 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
📝 Curva de aprendizaje cero – fácil de 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 su navegador.
❓ ¿Funciona en localhost?
💬 Claro – ideal para desarrollo local.
❓ ¿Y el contenido dinámico?
💬 Compare estados estáticos: capture 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.