extension ExtPose

Vizuālā testēšana - UI Testing Inspector

CRX id

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 Vizuālā testēšana - UI Testing Inspector
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.

Statistics

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

Links