CRX id
begcddgpiamjkanbgdcihlbfdmogcloo
begcddgpiamjkanbgdcihlbfdmogcloo
Description from extension meta
Lokāla vizuālā regresijas testēšana tīmekļa vietnēm - vizuāli salīdziniet UI izmaiņas un atklājiet DOM/CSS atšķirības bez mākoņa
Image from store
Description from store
Apnicis manuāli pārbaudīt vizuālās kļūdas pēc katras koda izmaiņas? UI Testing Inspector ir jūsu uzticamais lokālais vizuālo atšķirību pārbaudītājs ar DOM analīzi.
Kāpēc to izmantot?
⚡ 100% Lokāli un Privāti: visi ekrānuzņēmumi un salīdzināšanas dati paliek jūsu datorā. Nav mākoņpakalpojumu, nav datu koplietošanas
⚡ Tūlītēja Atgriezeniskā Saite: instalējiet paplašinājumu, uzņemiet bāzlīniju, veiciet koda izmaiņas un uzreiz redziet atšķirības. Perfekti ātrai regresijas testēšanai
⚡ Pikseļprecīza Noteikšana: uztveriet pat vismazākās vizuālās izmaiņas, ko cilvēka acs var palaist garām
Galvenās funkcijas:
🔸 Viena Klikšķa Bāzlīnija: uzņemiet jebkuras tīmekļa lapas "pirms" stāvokli ar vienu klikšķi
🔸 Pikseļprecīzas Vizuālās Atšķirības: iegūstiet skaidru atskaiti, kas parāda bāzlīniju, pašreizējo stāvokli un attēlu, kas izceļ precīzās atšķirības
🔸 Elementa Pārbaude: redziet ne tikai kodu, bet arī to, kas ir mainījies DOM un CSS
🔸 Pilnas Lapas & Skatāmās Zonas Tveršana: izvēlieties starp redzamās zonas vai visas ritināmās lapas tveršanu
🔸 Atskaišu Vēsture: saglabājiet un pārskatiet līdz 15 iepriekšējām salīdzināšanas atskaitēm
🔸 Gaišās & Tumšās Tēmas: ērtai skatīšanai dienā vai naktī
Detalizētā atskaite
🔍 Pēc katras salīdzināšanas jūs saņemat vispusīgu atskaiti, kas sniedz pilnu ainu:
✔️ Kopsavilkums: vizuālo atšķirību procents un pievienoto, noņemto, modificēto elementu skaits
✔️ Blakus Skats: salīdziniet "Pirms" un "Pēc" ekrānuzņēmumus tieši blakus izceltajam "Atšķirību" attēlam
✔️ DOM & CSS Izmaiņu Saraksts: precīzi identificējiet mainītos elementus un redziet tādus koda līmeņa labojumus kā krāsa, fonta lielums vai maliņa
✔️ Tehniskās Detaļas: analīze par izkārtojuma, satura un struktūras izmaiņām
Ko jūs atklāsiet:
➤ Izkārtojuma nobīdes un nesakritības
➤ Krāsu un stila izmaiņas
➤ Pazuduši vai pārvietoti elementi
➤ Fonta un teksta modifikācijas
➤ Attēlu atšķirības
Kā tas darbojas:
1️⃣ Iestatiet Vizuālo Bāzlīniju → lapā, kuru testējat, klikšķiniet "Iestatīt bāzlīniju"
2️⃣ Kodējiet ar Pārliecību → mainiet CSS, atjauniniet saturu vai refaktorējiet komponentus
3️⃣ Pārbaudiet Izmaiņas Uzreiz → klikšķiniet "Salīdzināt ar bāzlīniju" un skatiet detalizētu atskaiti
4️⃣ Analizējiet Atšķirības → izmantojiet blakus skatu un izmaiņu sarakstu, lai atrastu visas problēmas
5️⃣ Atjauniniet Bāzlīniju → apmierināti ar jauno versiju? Noklikšķiniet "Iestatīt bāzlīniju" vēlreiz, lai to saglabātu
Profesionāli padomi
✨ Gaidiet pilnīgu lapas ielādi pirms bāzlīnijas uzņemšanas
✨ Izmantojiet pilnas lapas tveršanu visaptverošai testēšanai
✨ Uzņemiet ekrānuzņēmumus vienādā loga izmērā precīzākai salīdzināšanai
✨ Tveriet bāzlīnijas, kad saturs ir stabils
✨ Testējiet vienu izmaiņu vienlaikus skaidrākiem rezultātiem
✨ Saglabājiet svarīgās bāzlīnijas pirms lielām koda pārstrukturēšanām
✨ Salīdziniet līdzīgus lapas stāvokļus (vienāds lietotāja statuss, ielādēti dati)
Lietošanas gadījumi
✅ Vizuālā Regresijas Testēšana
✅ UI/Dizaina Pārbaude
✅ CSS Pārstrukturēšana
✅ Priekšgala Testēšana
Kam tas ir paredzēts?
➡️ Priekšgala izstrādātāji
➡️ QA inženieri
➡️ UI/UX dizaineri
➡️ Brīvā līguma darbinieki un mazās komandas
Kāpēc tas izceļas
🖼️ Labāk nekā manuālie ekrānuzņēmumi
📝 Nulles mācīšanās līkne
BUJ
❓Kā tas atklāj izmaiņas? → Pikseļsalīdzinājums + DOM/CSS strukturālā skenēšana
❓Vai mani dati ir droši? → 100 % lokāla apstrāde un glabāšana
❓Vai varu to izmantot localhost? → Jā, ideāli lokālai izstrādei
❓Dinamiskais saturs? → Salīdziniet statiskus stāvokļus; uztveriet ekrānuzņēmumus, kad animācijas ir pabeigtas
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.