Test Visuel - UI Testing Inspector

Tests de régression visuelle sans fausses alertes. Compare votre page à une référence et ignore le contenu dynamique. 100% local.

Une extension qui détecte les régressions visuelles. Elle affiche les vrais changements et reste silencieuse sur le reste. Prenez une référence de votre page. Faites vos modifications. Cliquez sur "Compare". Le rapport montre uniquement ce qui a vraiment changé. Pourquoi le rapport reste propre 🔸 L'extension compare votre page à une référence. Les chevauchements qui font partie du design dès le départ ne sont pas des erreurs. 🔸 Carrousels, bannières, minuteurs et publicités sont détectés et exclus automatiquement. Rien à configurer. 🔸 Testé sur des sites réels. Les milliers de faux positifs des outils pixel par pixel tombent ici à zéro. Confidentialité Les captures d'écran et les données ne quittent jamais votre ordinateur. Pas de cloud, pas de comptes, pas d'abonnements. Ce que contient le rapport 🔸 Un verdict en une ligne. Vous voyez tout de suite si la page est correcte. 🔸 Des constats en langage clair. Par exemple, « un bloc chevauche un bouton ». Chacun est accompagné d'un extrait de capture d'écran et d'une mise en évidence. 🔸 Changements de texte. Avant et après, avec les mots modifiés mis en évidence. 🔸 Un curseur pour comparer la référence à la version actuelle, plus une carte des différences. 🔸 Exportez le rapport en un seul fichier avec toutes les captures d'écran. Envoyez-le à un client ou un collègue. Il s'ouvre sans l'extension. Audit responsive 📱 Vérifiez votre page à 320, 768, 1024, 1440 px ou vos propres largeurs. Le rapport montre où la mise en page casse et inclut une capture d'écran pour chaque taille. Autres fonctions 🔸 Capturer la page entière, y compris la partie sous la ligne de flottaison 🔸 Repérer le texte tronqué et les blocs qui débordent de leur conteneur 🔸 Signaler les problèmes d'accessibilité, comme les images sans description 🔸 Conserver vos 10 derniers rapports. Rouvrez-les à tout moment Comment ça marche 1️⃣ Ouvrez votre page et prenez une référence 2️⃣ Modifiez votre code et votre contenu 3️⃣ Cliquez sur "Compare with baseline" (Comparer avec la référence). Le rapport s'ouvre dans un nouvel onglet 4️⃣ Satisfait de la nouvelle version ? Mettez à jour la référence en un clic Pour qui ➡️ Développeurs frontend. Repérez les régressions avant le commit ➡️ Ingénieurs QA. Vérifications visuelles sans CI ni configuration ➡️ Freelances et agences. Envoyez un rapport en un seul fichier à vos clients ➡️ Designers. Vérifiez rapidement l'implémentation par rapport à la maquette Questions et réponses ❓ Et les carrousels, les publicités et les horloges ? 💬 L'extension détecte automatiquement le contenu dynamique et l'exclut de la comparaison. ❓ Mes données sont-elles en sécurité ? 💬 Oui. Tout est stocké et traité uniquement dans votre navigateur. ❓ Ça marche sur localhost ? 💬 Oui. C'est idéal pour le développement local. ❓ Faut-il un compte ou une configuration ? 💬 Non. Installez l'extension et cliquez sur le bouton.