Description from extension meta
Compare alterações 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 erros visuais após cada alteração de código? O UI Testing Inspector é a sua ferramenta fiável de verificação de diferenças visuais com análise DOM.
Porquê usar?
⚡ 100 % Local e Privado: todas as capturas de ecrã e dados de comparação permanecem no seu computador – sem nuvem, sem partilha de dados
⚡ Ciclo de feedback instantâneo: instale a extensão, crie uma linha de base, altere o código e veja as diferenças de imediato – perfeito para regressões rápidas
⚡ Deteção perfeita ao nível do pixel: capture até as menores alterações que o olho humano pode não ver
Características principais
🔸 Linha de base com um clique – capture o estado “antes” de qualquer página com um clique
🔸 Diferença visual pixel-perfect – relatório claro com linha de base, estado actual e diferenças destacadas
🔸 Inspeção de elementos – veja alterações em DOM e CSS, além do código
🔸 Captura de página completa ou viewport
🔸 Histórico de relatórios – guarde e reveja até 15 relatórios anteriores
🔸 Temas claro e escuro – visualização cómoda, de dia ou de noite
Dentro do relatório detalhado
🔍 Após cada comparação:
✔️ Resumo – percentagem de diferença e contagem de elementos alterados
✔️ Visualização lado a lado – “Antes / Depois” e imagem “Diferenças”
✔️ Lista de alterações DOM & CSS – cor, fonte, margem, etc.
O que irá capturar
➤ Deslocações e desalinhamentos de layout
➤ Alterações de cor e estilo
➤ Elementos em falta ou movidos
➤ Modificações de fonte e texto
➤ Diferenças de imagem
Como funciona
1️⃣ Defina a linha de base visual
2️⃣ Faça alterações ao código com confiança
3️⃣ Clique “Comparar com linha de base” – relatório detalhado num novo separador
4️⃣ Analise as diferenças e corrija problemas
5️⃣ Actualize a linha de base quando satisfeito
Dicas profissionais
✨ Aguarde que a página carregue totalmente antes da linha de base
✨ Utilize captura de página completa para testes abrangentes
✨ Mantenha o mesmo tamanho de janela para comparações precisas
✨ Capture linhas de base quando o conteúdo estiver estável
✨ Teste uma alteração de cada vez para resultados claros
✨ Guarde linhas de base críticas antes de grandes refatorizações
Casos de uso
✅ Teste de regressão visual
✅ Verificação de UI/design
✅ Refatoração de CSS sem receio
✅ Fluxos de teste frontend com feedback visual imediato
Para quem
➡️ Programadores frontend • Engenheiros QA • Designers UI/UX • Freelancers & equipas pequenas
Diferenciais
🖼️ Melhor que capturas manuais
📝 Curva de aprendizagem zero – pronto a usar
FAQ
❓ Como deteta alterações?
💬 Comparação pixel-a-pixel + análise estrutural DOM/CSS.
❓ Os 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?
💬 Compare 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.