Description from extension meta
Compară modificările vizuale înainte și după actualizarea paginilor web cu rapoarte detaliate și analiză DOM.
Image from store
Description from store
Obosit să verifici manual erorile vizuale după fiecare modificare de cod? UI Testing Inspector este instrumentul tău de încredere pentru verificarea diferențelor vizuale cu analiză DOM.
De ce să îl folosești?
⚡ 100 % Local și Privat: toate capturile de ecran și datele de comparație rămân pe computerul tău – fără cloud, fără partajarea datelor
⚡ Buclă de feedback instantaneu: instalează extensia, creează linia de bază, modifică codul și vezi diferențele pe loc – ideal pentru regresii rapide
⚡ Detectare perfect pixel: surprinde chiar și cele mai mici modificări vizuale scăpate ochiului uman
Caracteristici principale
🔸 Linia de bază cu un clic – capturează starea „înainte” a oricărei pagini cu un clic
🔸 Diferență vizuală pixel-perfect – raport clar cu linia de bază, starea actuală și diferențele evidențiate
🔸 Inspecție element – vezi schimbările în DOM și CSS, nu doar în cod
🔸 Captură de pagină completă sau viewport
🔸 Istoric rapoarte – salvează și revizuiește până la 15 rapoarte anterioare
🔸 Teme deschise și întunecate – vizualizare confortabilă zi/noapte
În interiorul raportului detaliat
🔍 După fiecare comparație:
✔️ Rezumat – procent de diferență și număr elemente modificate
✔️ Vizualizare alăturată – „Înainte / După” și imaginea „Diferențe”
✔️ Listă schimbări DOM & CSS – culoare, font, margine etc.
Ce vei prinde
➤ Deplasări și aliniere layout
➤ Modificări de culoare și stil
➤ Elemente lipsă sau mutate
➤ Modificări de font și text
➤ Diferențe de imagine
Cum funcționează
1️⃣ Setează linia de bază vizuală
2️⃣ Modifică codul cu încredere
3️⃣ Click „Compară cu linia de bază” – raport detaliat într-o filă nouă
4️⃣ Analizează diferențele, rezolvă problemele
5️⃣ Actualizează linia de bază când ești mulțumit
Sfaturi profesionale
✨ Așteaptă încărcarea completă înainte de linia de bază
✨ Folosește captură pagină completă pentru testare amplă
✨ Menține aceeași dimensiune fereastră pentru comparații precise
✨ Capturează linia de bază când conținutul e stabil
✨ Testează câte o modificare pentru rezultate clare
✨ Salvează linii de bază importante înainte de refactorări majore
Cazuri de utilizare
✅ Testare regresie vizuală
✅ Validare UI/design
✅ Refactorizare CSS fără griji
✅ Fluxuri de testare frontend cu feedback vizual instant
Pentru cine
➡️ Dezvoltatori frontend • Ingineri QA • Designeri UI/UX • Freelanceri și echipe mici
De ce se evidențiază
🖼️ Mai bun decât capturile manuale
📝 Curbă de învățare zero – ușor de folosit
FAQ
❓ Cum detectează schimbările?
💬 Compară pixel cu pixel + scanare structurală DOM/CSS.
❓ Datele mele sunt sigure?
💬 Da – 100 % procesate și stocate local în browser.
❓ Funcționează pe localhost?
💬 Absolut – ideal pentru dezvoltare locală.
❓ Cum gestionează conținutul dinamic?
💬 Compară stări statice: capturează după ce animațiile și reclamele sunt stabile.
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.