Description from extension meta
Sammenlign visuelle endringer før og etter oppdatering av nettsider med detaljerte rapporter og DOM-analyse.
Image from store
Description from store
Lei av å manuelt sjekke visuelle feil etter hver kodeendring? UI Testing Inspector er ditt pålitelige verktøy for visuell differansekontroll med DOM-analyse.
Hvorfor bruke det?
⚡️ 100 % Lokalt og Privat: alle skjermbilder og sammenligningsdata forblir på datamaskinen din. Ingen skytjenester, ingen datadeling
⚡️ Øyeblikkelig tilbakemeldingssløyfe: installer utvidelsen, opprett grunnlinje, gjør kodeendringer og se forskjellene umiddelbart. Perfekt for raske regresjonstester
⚡️ Piksel-perfekt deteksjon: fang selv de minste visuelle endringene som det menneskelige øyet kan gå glipp av
Hovedegenskaper
🔸 Ett-klikk grunnlinje: fang «før»-tilstanden til enhver nettside med ett klikk
🔸 Piksel-perfekt visuell differanse: tydelig rapport som viser grunnlinje, nåværende tilstand og fremhevede forskjeller
🔸 Elementinspeksjon: se hva som har endret seg i DOM og CSS, ikke bare koden
🔸 Full side- eller viewport-opptak
🔸 Rapporteringshistorikk: lagre og gjennomgå opptil 15 tidligere rapporter
🔸 Lyse og mørke temaer for komfortabel visning, dag eller natt
Inne i den detaljerte rapporten
🔍 Etter hver sammenligning får du en omfattende rapport:
✔️ Sammendrag: prosent visuell forskjell + antall endrede elementer
✔️ Side-ved-side-visning: «Før» / «Etter» skjermbilder ved siden av fremhevet «Forskjeller»-bilde
✔️ DOM- & CSS-endringsliste: nøyaktige kodenivå-endringer som farge, fontstørrelse, margin
Hva du vil fange
➤ Layout-skift og justeringsfeil
➤ Farge- og stilendringer
➤ Manglende eller flyttede elementer
➤ Skrift- og tekstendringer
➤ Bildeforskjeller
Slik fungerer det
1️⃣ Sett visuell grunnlinje
2️⃣ Gjør kodeendringer med selvtillit
3️⃣ Klikk «Sammenlign med grunnlinje» for detaljert rapport
4️⃣ Analyser forskjellene og fiks problemer
5️⃣ Oppdater grunnlinjen når du er fornøyd
Profesjonelle tips
✨ Vent til siden er fullastet før du tar grunnlinje
✨ Bruk full side-opptak for omfattende testing
✨ Ta skjermbilder i samme vindusstørrelse for nøyaktige sammenligninger
✨ Fang grunnlinje når innholdet er stabilt
✨ Test én endring av gangen for klare resultater
✨ Lagre viktige grunnlinjer før store refaktoreringer
Brukstilfeller
✅ Visuell regresjonstesting
✅ UI/Design-verifisering
✅ Fryktløs CSS-refaktorering
✅ Front-end testarbeidsflyt med umiddelbar visuell feedback
Hvem det er bygget for
➡️ Front-end-utviklere
➡️QA-ingeniører
➡️UI/UX-designere
➡️Frilansere og små team
Hvorfor det skiller seg ut
🖼️ Bedre enn manuelle skjermbilder
📝 Null læringskurve – enkelt å bruke
FAQ
❓ Hvordan oppdages endringer?
💬 Piksel-for-piksel-sammenligning + strukturell DOM/CSS-skanning.
❓ Er dataene mine trygge?
💬 Ja. Alt behandles og lagres 100 % lokalt i nettleseren din.
❓ Kan jeg bruke det på localhost?
💬 Absolutt – fungerer utmerket under lokal utvikling.
❓ Hva med dynamisk innhold?
💬 Verktøyet er laget for statiske tilstander – ta skjermbilder når animasjoner er ferdige og annonser stabile.
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.