Description from extension meta
Primerjajte vizualne spremembe pred in po posodobitvi spletnih strani z podrobnimi poročili in DOM analizo.
Image from store
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.