Description from extension meta
Vietinis vizualus regresijos testavimas svetainėms - vizualiai palyginkite UI pakeitimus ir aptikite DOM/CSS skirtumus be debesijos
Image from store
Description from store
Pavargote nuo rankinių vizualių klaidų tikrinimo po kiekvieno kodo pakeitimo? UI Testing Inspector yra patikimas vietinis vizualių skirtumų tikrintojas su DOM analize.
Kodėl jį naudoti?
⚡ 100 % Vietinis ir privatus: visi ekrano nuotraukos ir palyginimo duomenys lieka jūsų kompiuteryje. Jokių debesijos paslaugų, jokio duomenų dalijimosi
⚡ Momentinis atsiliepimas: įdiekite plėtinį, padarykite bazinę liniją, atlikite kodo pakeitimus ir iš karto pamatykite skirtumus. Puiku greitam regresijos testavimui
⚡ Pikselių tikslus aptikimas: pagaukite net mažiausius vizualius pakeitimus, kuriuos žmogaus akis gali praleisti
Pagrindinės funkcijos
🔸 Vieno spustelėjimo bazinė linija: užfiksuokite bet kurio tinklalapio „prieš“ būseną vienu spustelėjimu
🔸 Pikselių tikslūs vizualūs skirtumai: aiški ataskaita su bazine linija, dabartine būsena ir išryškintais skirtumais
🔸 Elemento tikrinimas: matykite, kas pasikeitė DOM ir CSS, ne tik kode
🔸 Viso puslapio arba matomos srities fiksavimas
🔸 Ataskaitų istorija: saugokite ir peržiūrėkite iki 15 ankstesnių ataskaitų
🔸 Šviesi ir tamsi tema patogiam žiūrėjimui dieną ar naktį
Detalios ataskaitos viduje
🔍 Po kiekvieno palyginimo gaunate išsamią ataskaitą:
✔️ Santrauka: vizualaus skirtumo procentas ir pridėtų, pašalintų bei modifikuotų elementų skaičius
✔️ Greta vaizdas: „Prieš“ / „Po“ ekrano nuotraukos šalia „Skirtumų“ vaizdo
✔️ DOM & CSS pakeitimų sąrašas: tiksli pakitusių elementų informacija
Ką pagausite
➤ Išdėstymo postūmiai ir nesuderinamumai
➤ Spalvų ir stilių pakeitimai
➤ Trūkstami ar perkelti elementai
➤ Šrifto ir teksto modifikacijos
➤ Paveikslėlių skirtumai
Kaip tai veikia
1️⃣ Nustatykite vizualią bazinę liniją
2️⃣ Atlikite kodų pakeitimus pasitikėdami
3️⃣ Spustelėkite „Palyginti su bazine linija“ ir gaukite ataskaitą naujame skirtuke
4️⃣ Analizuokite skirtumus ir ištaisykite klaidas
5️⃣ Atnaujinkite bazinę liniją, kai esate patenkinti nauja versija
Profesionalūs patarimai
✨ Palaukite, kol puslapis visiškai įsikels prieš fiksuojant bazinę liniją
✨ Naudokite viso puslapio fiksavimą išsamesniam testavimui
✨ Fotografuokite tuo pačiu naršyklės lango dydžiu tiksliam palyginimui
✨ Fiksuokite bazines linijas, kai turinys stabilus
✨ Testuokite po vieną pakeitimą aiškesniems rezultatams
✨ Išsaugokite svarbias bazines linijas prieš dideles kodo reformas
Naudojimo atvejai
✅ Vizualus regresijos testavimas
✅ UI/Dizaino tikrinimas
✅ CSS refaktoringas be baimės
✅ Priekinio galo testavimo darbo eigos
Kam tai sukurta?
➡️ Priekinio galo kūrėjams
➡️QA inžinieriams
➡️UI/UX dizaineriams
➡️Laisvai samdomiems ir mažoms komandoms
Kodėl jis išsiskiria
🖼️ Geriau nei rankinės ekrano nuotraukos
📝 Nulinė mokymosi kreivė – jei mokate naršyti, mokėsite ir naudotis
DUK
❓ Kaip aptinkami pakeitimai?
💬 Pikselis-po-pikselio palyginimas + DOM/CSS struktūrinis skenavimas.
❓ Ar mano duomenys saugūs?
💬 Taip. Viskas apdorojama ir saugoma 100 % vietoje jūsų naršyklėje.
❓ Ar veikia su localhost?
💬 Žinoma! Puikiai tinka vietinei plėtrai.
❓ Kaip su dinaminiu turiniu?
💬 Geriausi rezultatai, kai ekrano nuotraukos daromos stabilioje puslapio būsenoje.
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.