„Vizualus testavimas - UI Testing Inspector“ elemento logotipo vaizdas

Vizualus testavimas - UI Testing Inspector

5,0(

3 įvertinimai

)
4 elemento medija (ekrano kopija), skirta „Vizualus testavimas - UI Testing Inspector“
5 elemento medija (ekrano kopija), skirta „Vizualus testavimas - UI Testing Inspector“
1 elemento medija (ekrano kopija), skirta „Vizualus testavimas - UI Testing Inspector“
2 elemento medija (ekrano kopija), skirta „Vizualus testavimas - UI Testing Inspector“
3 elemento medija (ekrano kopija), skirta „Vizualus testavimas - UI Testing Inspector“
4 elemento medija (ekrano kopija), skirta „Vizualus testavimas - UI Testing Inspector“
5 elemento medija (ekrano kopija), skirta „Vizualus testavimas - UI Testing Inspector“
1 elemento medija (ekrano kopija), skirta „Vizualus testavimas - UI Testing Inspector“
2 elemento medija (ekrano kopija), skirta „Vizualus testavimas - UI Testing Inspector“
1 elemento medija (ekrano kopija), skirta „Vizualus testavimas - UI Testing Inspector“
2 elemento medija (ekrano kopija), skirta „Vizualus testavimas - UI Testing Inspector“
3 elemento medija (ekrano kopija), skirta „Vizualus testavimas - UI Testing Inspector“
4 elemento medija (ekrano kopija), skirta „Vizualus testavimas - UI Testing Inspector“
5 elemento medija (ekrano kopija), skirta „Vizualus testavimas - UI Testing Inspector“

Apžvalga

Vizualios regresijos testai be klaidingų signalų. Lygina puslapį su etalonu, ignoruoja dinamišką turinį. Veikia 100 % vietiškai.

Plėtinys, randantis vizualias regresijas. Jis rodo tikrus pakeitimus ir tyli apie visa kita. Nustatykite puslapio etaloną. Atlikite pakeitimus. Spustelėkite „Compare“. Ataskaitoje matysite tik tai, kas iš tikrųjų pasikeitė. Kodėl ataskaita lieka švari 🔸 Plėtinys lygina jūsų puslapį su etalonu. Persidengimai, kurie visada buvo dizaino dalis, klaidomis nelaikomi. 🔸 Karuseles, reklaminius skydelius, laikmačius ir reklamas aptinka ir pašalina automatiškai. Nieko konfigūruoti nereikia. 🔸 Išbandyta realiose svetainėse. Tūkstančiai klaidingų pikselinių įrankių signalų čia virsta nuliu. Privatumas Ekrano nuotraukos ir duomenys niekada nepalieka jūsų kompiuterio. Jokių debesijos paslaugų, paskyrų ar prenumeratų. Kas yra ataskaitoje 🔸 Vienos eilutės išvada. Iš karto matote, ar puslapis tvarkingas. 🔸 Radiniai paprasta kalba. Pavyzdžiui, „blokas uždengia mygtuką“. Prie kiekvieno pridedamas ekrano nuotraukos iškarpa su paryškinimu. 🔸 Teksto pakeitimai. Prieš ir po, su paryškintais pakeistais žodžiais. 🔸 Slankiklis etalonui su dabartine versija palyginti, taip pat skirtumų žemėlapis. 🔸 Eksportuokite ataskaitą kaip vieną failą su visomis ekrano nuotraukomis. Išsiųskite klientui ar kolegai. Ji atsidaro be plėtinio. Adaptyvumo auditas 📱 Patikrinkite puslapį ties 320, 768, 1024, 1440 px arba savo pločiais. Ataskaitoje matysite, kur lūžta išdėstymas, ir ekrano nuotrauką kiekvienam dydžiui. Taip pat sugeba 🔸 Nufotografuoti visą puslapį, įskaitant dalį po matomu ekranu 🔸 Pastebėti apkarpytą tekstą ir blokus, išlendančius už savo talpyklos ribų 🔸 Pažymėti prieinamumo problemas, pavyzdžiui, paveikslėlius be aprašymų 🔸 Saugoti paskutines 10 ataskaitų. Bet kurią galima atsidaryti vėl Kaip tai veikia 1️⃣ Atsidarykite puslapį ir nustatykite etaloną 2️⃣ Pakeiskite kodą ir turinį 3️⃣ Spustelėkite „Compare with baseline“ (palyginti su etalonu). Ataskaita atsidarys naujame skirtuke 4️⃣ Patinka nauja versija? Atnaujinkite etaloną vienu paspaudimu Kam tai skirta ➡️ Front-end kūrėjams. Pagaukite regresijas prieš atliekant commit ➡️ QA inžinieriams. Vizualūs patikrinimai be CI ar diegimo ➡️ Laisvai samdomiems specialistams ir agentūroms. Siųskite klientams ataskaitą vienu failu ➡️ Dizaineriams. Greitai patikrinkite įgyvendinimą pagal maketą Klausimai ir atsakymai ❓ O kaip su karuselėmis, reklamomis ir laikrodžiais? 💬 Plėtinys pats aptinka dinamišką turinį ir pašalina jį iš palyginimo. ❓ Ar mano duomenys saugūs? 💬 Taip. Viskas saugoma ir apdorojama tik jūsų naršyklėje. ❓ Ar veikia su localhost? 💬 Taip. Puikiai tinka vietinei kūrimo aplinkai. ❓ Ar reikia paskyros ar diegimo? 💬 Ne. Įdiekite plėtinį ir spustelėkite mygtuką.

Išsami informacija

  • Versija
    1.1.0
  • Atnaujinta
    2026 m. liepos 25 d.
  • Pasiūlė
    Dev Tool
  • Dydis
    423KiB
  • Kalbos
    Kalbų: 52
  • Kūrėjas
    El. paštas
    ai2025tip@gmail.com
  • Ne komercinės veiklos subjektas
    Šis kūrėjas neprisistato kaip prekiautojas. Informuojame vartotojus Europos Sąjungoje, kad jūsų ir šio kūrėjo sudarytoms sutartims vartotojų teisės netaikomos.

Privatumas

Tvarkykite plėtinius ir sužinokite, kaip jie naudojami jūsų organizacijoje
Kūrėjas paskelbė, kad naudojant elementą nebus renkami ar naudojami jūsų duomenys. Jei norite sužinoti daugiau, peržiūrėkite kūrėjo privacy policy.

Šis kūrėjas pareiškia, kad jūsų duomenys yra

  • Neparduodama trečiosioms šalims su patvirtintais naudojimo atvejais nesusijusiais tikslais
  • nenaudojami ir neperkeliami su elemento pagrindinėmis funkcijomis nesusijusiais tikslais;
  • nenaudojami ir neperkeliami, siekiant nustatyti kreditingumą, arba skolinimo tikslais.

Susijęs turinys

Snable: UI Inspector & CSS Scanner

4,6

Analyze any web page that catches your eye! Get a detailed overview of colors, fonts, and visual elements for design inspiration.

Webopt - Website Testing Tool

4,7

All-in-one Chrome extension for SEO, UI/UX, responsive design, grammar, and security checks. Optimize websites with a single click.

CSS Peek: Element Inspector

5,0

Instantly inspect elements and explore CSS properties, XPath, and more. Easily export assets, color palettes, and typography.

Page Diff Viewer

0,0

Page Diff Viewer: Visually compare webpage versions.

Element Inspector - Precision UI Analysis

5,0

Professional UI inspection toolkit for developers. Analyze element alignment, colors, spacing, and typography with precision.

UI Verifier

5,0

UI verifier can be used to quickly and easily check the completeness and consistency of your Figma UI designs.

Visual Inspect UI

5,0

Advanced Visual Inspector for Editing Web Page Elements.

Pointer - Element Inspector for DevTools

3,0

Enhanced element inspection with cursor-driven workflow. Visual highlighting, measurements, and DevTools integration.

Uiprobe - Compare your site to your Figma design

5,0

Automatically detect spacing, typography, color, and layout differences between your Figma design and live website.

Bug Matrix 🐞 – SQA Testing Tools Hub

5,0

A comprehensive browser extension for testers with tools for testing, test data generation, security payloads, and more.

Žiniatinklio inspektorius

4,7

Naudokite Žiniatinklio inspektorių kaip CSS peržiūros ir svetainių inspektavimo įrankį bet kuriai svetainei. Tai yra naršyklės…

UI Bug Detector

5,0

Visually detect UI bugs in user-selected sections of a web page.

Snable: UI Inspector & CSS Scanner

4,6

Analyze any web page that catches your eye! Get a detailed overview of colors, fonts, and visual elements for design inspiration.

Webopt - Website Testing Tool

4,7

All-in-one Chrome extension for SEO, UI/UX, responsive design, grammar, and security checks. Optimize websites with a single click.

CSS Peek: Element Inspector

5,0

Instantly inspect elements and explore CSS properties, XPath, and more. Easily export assets, color palettes, and typography.

Page Diff Viewer

0,0

Page Diff Viewer: Visually compare webpage versions.

Element Inspector - Precision UI Analysis

5,0

Professional UI inspection toolkit for developers. Analyze element alignment, colors, spacing, and typography with precision.

UI Verifier

5,0

UI verifier can be used to quickly and easily check the completeness and consistency of your Figma UI designs.

Visual Inspect UI

5,0

Advanced Visual Inspector for Editing Web Page Elements.

Pointer - Element Inspector for DevTools

3,0

Enhanced element inspection with cursor-driven workflow. Visual highlighting, measurements, and DevTools integration.

Google Apps