extension ExtPose

Visuell testing - UI Testing Inspector

CRX id

begcddgpiamjkanbgdcihlbfdmogcloo-

Description from extension meta

Sammenlign visuelle endringer før og etter oppdatering av nettsider med detaljerte rapporter og DOM-analyse.

Image from store Visuell testing - UI Testing Inspector
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.

Statistics

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

Links