Description from extension meta
Compare mudanças visuais antes e depois de atualizar páginas web com relatórios detalhados e análise DOM.
Image from store
Description from store
Cansado de verificar manualmente bugs visuais após cada alteração de código? O UI Testing Inspector é seu verificador confiável de diferenças visuais com análise DOM.
Por que usar?
⚡ 100 % Local e Privado: todas as capturas e dados de comparação permanecem no seu computador – sem nuvem, sem compartilhamento de dados
⚡ Loop de Feedback Instantâneo: instale a extensão, capture uma baseline, faça mudanças no código e veja diferenças na hora – perfeito para regressões rápidas
⚡ Detecção Pixel-Perfect: capture até as menores mudanças que passam despercebidas a olho nu
Características principais
🔸 Baseline com um clique – capture o estado “antes” de qualquer página com um clique
🔸 Diff visual pixel-perfect – relatório claro com baseline, estado atual e diferenças destacadas
🔸 Inspecionar Elemento – veja alterações em DOM e CSS, além do código
🔸 Captura de página completa ou viewport
🔸 Histórico de relatórios – salve e consulte até 15 relatórios
🔸 Temas claro e escuro – visualização confortável, dia ou noite
Dentro do relatório detalhado
🔍 Após cada comparação:
✔️ Resumo – % de diferença e contagem de elementos alterados
✔️ Visualização lado a lado – “Antes / Depois” + imagem “Diferenças”
✔️ Lista de mudanças DOM & CSS – cor, fonte, margem, etc.
O que você captura
➤ Deslocamentos e desalinhamentos de layout
➤ Alterações de cor e estilo
➤ Elementos faltando ou movidos
➤ Modificações de fonte e texto
➤ Diferenças de imagem
Como funciona
1️⃣ Defina a baseline visual
2️⃣ Altere o código com confiança
3️⃣ Clique “Comparar com Baseline” – relatório detalhado em nova aba
4️⃣ Analise diferenças, corrija problemas
5️⃣ Atualize a baseline quando aprovado
Dicas profissionais
✨ Aguarde o carregamento completo antes da baseline
✨ Use captura de página completa para testes amplos
✨ Mantenha o mesmo tamanho de janela para comparações precisas
✨ Capture baseline com conteúdo estável
✨ Teste uma mudança por vez para clareza
✨ Salve baselines importantes antes de grandes refatorações
Casos de uso
✅ Teste de regressão visual
✅ Validação de UI/design
✅ Refatoração CSS sem medo
✅ Fluxos de teste front-end com feedback instantâneo
Para quem
➡️ Devs Front-end • Engenheiros QA • Designers UI/UX • Freelancers & pequenas equipes
Diferenciais
🖼️ Melhor que capturas manuais
📝 Zero curva de aprendizado – plug and play
FAQ
❓ Como detecta mudanças?
💬 Comparação pixel-a-pixel + varredura estrutural DOM/CSS.
❓ Meus dados estão seguros?
💬 Sim – 100 % processados e armazenados localmente no navegador.
❓ Funciona em localhost?
💬 Claro – ideal para desenvolvimento local.
❓ E conteúdo dinâmico?
💬 Comparar estados estáticos: capture quando animações e anúncios estiverem estáveis.
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.