extension ExtPose

Vizualno testiranje - UI Testing Inspector

CRX id

begcddgpiamjkanbgdcihlbfdmogcloo-

Description from extension meta

Primerjajte vizualne spremembe pred in po posodobitvi spletnih strani z podrobnimi poročili in DOM analizo.

Image from store Vizualno testiranje - UI Testing Inspector
Description from store Utrujeni od ročnega preverjanja vizualnih napak po vsaki spremembi kode? UI Testing Inspector je vaše zanesljivo orodje za preverjanje vizualnih razlik z DOM analizo. Zakaj ga uporabljati? ⚡ 100 % Lokalno in zasebno: vsi posnetki zaslona in primerjalni podatki ostanejo na vašem računalniku – brez oblaka, brez deljenja podatkov ⚡ Takojšnja povratna zanka: namestite razširitev, ustvarite osnovno črto, spremenite kodo in razlike vidite takoj – idealno za hitre regresijske teste ⚡ Pixel-popolno zaznavanje: ujame tudi najmanjše spremembe, ki jih človeško oko spregleda Ključne funkcije 🔸 Osnovna črta z enim klikom – zajem stanja »pred« z enim klikom 🔸 Pixel-popolna vizualna razlika – jasno poročilo z osnovno črto, trenutnim stanjem in poudarjenimi razlikami 🔸 Pregled elementov – spremljajte spremembe v DOM in CSS, ne le v kodi 🔸 Zajem celotne strani ali viewporta 🔸 Zgodovina poročil – shranite in preglejte do 15 prejšnjih poročil 🔸 Svetla in temna tema – udobno branje podnevi in ponoči V podrobnem poročilu 🔍 Po vsaki primerjavi prejmete: ✔️ Povzetek – % razlike in št. spremenjenih elementov ✔️ Vzporedni pogled – »Pred / Po« in slika »Razlike« ✔️ Seznam sprememb DOM & CSS – barva, pisava, rob itd. Kaj boste ujeli ➤ Premiki postavitve in poravnave ➤ Spremembe barv in slogov ➤ Manjkajoči ali premaknjeni elementi ➤ Spremembe pisave in besedila ➤ Razlike v slikah Kako deluje 1️⃣ Nastavite vizualno osnovno črto 2️⃣ Spremenite kodo z zaupanjem 3️⃣ Kliknite »Primerjaj z osnovno črto« – podrobno poročilo v novem zavihku 4️⃣ Analizirajte razlike in odpravite težave 5️⃣ Posodobite osnovno črto, ko ste zadovoljni Strokovni nasveti ✨ Počakajte na popolno nalaganje pred zajemom ✨ Uporabite zajem celotne strani za celovite teste ✨ Enaka velikost okna za natančne primerjave ✨ Zajemite osnovno črto, ko je vsebina stabilna ✨ Testirajte eno spremembo naenkrat za jasne rezultate ✨ Shranite pomembne osnovne črte pred večjimi refaktoriranji Primeri uporabe ✅ Vizualno regresijsko testiranje ✅ Preverjanje UI/oblikovanja ✅ Brezskrbno refaktoriranje CSS ✅ Front-end delovni tok z instantnim vizualnim feedbackom Za koga ➡️ Front-end razvijalci • QA inženirji • UI/UX oblikovalci • Freelancers & mali timi Zakaj se izstopa 🖼️ Boljše kot ročni posnetki zaslona 📝 Ničelna krivulja učenja – enostaven za uporabo FAQ ❓ Kako zazna spremembe? 💬 Primerjava pixel-za-pixel + strukturno skeniranje DOM/CSS. ❓ Ali so moji podatki varni? 💬 Da – 100 % obdelano in shranjeno lokalno v brskalniku. ❓ Ali deluje na localhostu? 💬 Seveda – idealno za lokalni razvoj. ❓ Kaj pa dinamična vsebina? 💬 Primerjajte statična stanja: zajem po koncu animacij in stabilizaciji oglasov.

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