CRX id
begcddgpiamjkanbgdcihlbfdmogcloo
begcddgpiamjkanbgdcihlbfdmogcloo
Description from extension meta
Kohalik visuaalne regressioonitestimine veebisaitidele - võrrelge UI muudatusi visuaalselt ja avastage DOM/CSS erinevused ilma…
Image from store
Description from store
Väsinud visuaalsete vigade käsitsi kontrollimisest pärast iga koodimuudatust? UI Testing Inspector on teie usaldusväärne kohalikku visuaalsete erinevuste kontrollija DOM analüüsiga.
Miks seda kasutada?
⚡ 100% Kohalik ja Privaatne: kõik ekraanipildid ja võrdlusandmed jäävad teie arvutisse. Mingeid pilveteenuseid, andmete jagamist
⚡ Kohene tagasiside: installige laiendus, võtke baasjoone, tehke koodimuudatusi ja näge erinevusi kohe. Suurepärane kiireks regressioonitestimiseks
⚡ Pikslitäpne avastamine: püüdke kinni isegi kõige väiksemad visuaalsed muudatused, mida inimsilm võib mööda vaadata
Põhifunktsioonid:
🔸 Ühe klõpsuga baasjoon: jäädvustage mis tahes veebilehe "enne" seisund ühe klõpsuga
🔸 Pikslitäpsed visuaalsed erinevused: saage selge aruanne, mis näitab baasjoont, praegust seisundit ja pilti, mis tõstab esile täpsed erinevused
🔸 Elemendi kontroll: minge kaugemale põhikontrollijast. Näege mitte ainult koodi, vaid ka seda, mis on muutunud DOM-is ja CSS-is
🔸 Täislehe ja vaateala salvestamine: valige nähtava ala salvestamise või kogu keritava lehe vahel
🔸 Aruannete ajalugu: salvestage ja vaadake üle kuni 15 eelmist võrdlusaruannet
🔸 Hele ja tume teema: mugavaks vaatamiseks päeval või öösel
Detailne aruanne sees
🔍 Pärast iga võrdlust saate põhjaliku aruande, mis annab täieliku pildi:
✔️ Kokkuvõte: visuaalse erinevuse protsent ja lisatud, eemaldatud ja muudetud elementide arv
✔️ Kõrvuti vaade: võrrelge "Enne" ja "Pärast" ekraanipilte otse esile tõstetud "Erinevuste" pildi kõrval
✔️ DOM ja CSS muudatuste nimekiri: identifitseerige täpsed muutunud elemendid. Pole enam vaja arvata, miks piksel liikus - näete kooditaseme muudatusi nagu värv, fondi suurus või veeris
Mida te püüate:
➤ Paigutuse nihked ja valed joondused
➤ Värvi- ja stiilimuudatused
➤ Puuduvad või liigutatud elemendid
➤ Fondi ja teksti muudatused
➤ Pildierinevused
Kuidas see töötab:
1️⃣ Seadke visuaalne baasjoon: minge lehele, mida soovite testida, ja klõpsake laienduse hüpikaknas "Seada baasjoon". See on teie tõe allikas.
2️⃣ Koodige enesekindlalt: tehke muudatusi oma CSS-is, värskendage sisu või refaktoreerige komponente.
3️⃣ Kontrollige muudatusi kohe: klõpsake "Võrdle baasjoonega". Avaneb uus vahekaart detailse visuaalse aruandega.
4️⃣ Analüüsige erinevusi: kasutage kõrvuti vaadet ja avastatud muudatuste nimekirja iga probleemi tuvastamiseks.
5️⃣ Värskendage baasjoont: rahul uue versiooniga? Lihtsalt klõpsake "Seada baasjoon" uuesti, et salvestada uus välimus oma võrdlusena.
Professionaalsed näpunäited
✨ Oodake lehe laadimise lõppemist enne baasjoonete salvestamist
✨ Kasutage täislehe salvestamist põhjalikuks testimiseks
✨ Tehke ekraanipilte sama brauseri akna suuruses täpseks võrdlemiseks
✨ Salvestage baasjoon, kui sisu on stabiilne
✨ Testige üht muudatust korraga selgemate erinevuste tulemuste saamiseks
✨ Salvestage olulised baasjoonad enne suuri koodi refaktoreerimisi
✨ Võrrelge sarnaseid lehe seisundeid (sama kasutaja sisselogimise staatus, laaditud andmed)
Kasutamisjuhud
✅ Visuaalne regressioonitestimine: põhikasutamisjuht. Pärast muudatuste tegemist käivitage võrdlus, et püüda kinni soovimatud visuaalsed vead.
✅ UI/disaini kontrollimine: tagada pikslitäpne rakendamine ja brändi järjepidevus disainimaketite suhtes.
✅ CSS refaktoreerimine: refaktoreeri pärand-CSS-i kartuseta. Kiire visuaalsete erinevuste test ütleb teile kohe, kas teie muudatustel oli ootamatuid kõrvalmõjusid.
✅ Esiliides testimine: oluline tööriist iga esiliidese testimise töövoo jaoks, pakkudes kohest visuaalset tagasisidet.
Kellele see on loodud?
➡️ Esiliidese arendajatele: püüdke kinni paigutusprobleemid enne koodi esitamist
➡️ QA inseneridele: parandage oma käsitsi UI teste usaldusväärse visuaalse kontrollietapiga
➡️ UI/UX disaineritele: veenduge kiiresti, et reaalajas rakendamine vastab teie disainidele
➡️ Vabakutselistele ja väikestele meeskondadele: visuaalse testimise tööriist ilma ettevõtte hinnasildi
Miks see silma paistab
🖼️ Parem kui käsitsi ekraanipildid: lõpetage enne-ja-pärast piltidega žongleerimine oma töölaua kaustades
📝 Null õppimiskõver: kui saate sirvida, saate seda tööriista kasutada
FAQ
❓Kuidas see avastab muudatusi?
💬 See kasutab kahte meetodit: piksel-piksel võrdlust visuaalsete erinevuste jaoks ja strukturaalset skaneerimist DOM/CSS muudatuste nimekirja jaoks.
❓Kas minu andmed on turvalised?
💬Jah. Kõik töödeldakse ja salvestatakse 100% kohalikult teie brauseris.
❓Kas saan seda kasutada localhost-is?
💬Absoluutselt! See töötab suurepäraselt kohaliku arenduse ajal
❓Mis saab dünaamilisest sisust?
💬 Tööriist on loodud staatiliste seisundite võrdlemiseks. Parimate tulemuste saamiseks tehke ekraanipilte, kui animatsioonid on lõppenud ja reklaamid on stabilsed.
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.