extension ExtPose

Teste Visual - UI Testing Inspector

CRX id

begcddgpiamjkanbgdcihlbfdmogcloo-

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 Teste Visual - UI Testing Inspector
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.

Statistics

Installs
25 history
Category
Rating
5.0 (1 votes)
Last update / version
2025-07-04 / 1.0.0
Listing languages

Links