CRX id
begcddgpiamjkanbgdcihlbfdmogcloo
begcddgpiamjkanbgdcihlbfdmogcloo
Description from extension meta
Упоредите визуелне промене пре и после ажурирања веб страница са детаљним извештајима и DOM анализом.
Image from store
Description from store
Уморни сте од ручне провере визуелних грешака после сваке измене кода? UI Testing Inspector је поуздан алат за проверу визуелних разлика са DOM анализом.
Зашто га користити?
⚡ 100 % Локално и приватно: сви снимци екрана и подаци за поређење остају на вашем рачунару – без облака, без дељења података
⚡ Тренутна повратна спрега: инсталирајте проширење, креирајте основну линију, измените код и одмах видите разлике – идеално за брзе регресије
⚡ Пиксел-савршено откривање: ухватите и најситније визуелне промене које око може промаћи
Кључне функције
🔸 Основна линија једним кликом – снимите стање „пре“ било које странице једним кликом
🔸 Пиксел-савршен визуелни диф – јасан извештај са основном линијом, тренутним стањем и истакнутим разликама
🔸 Инспекција елемената – погледајте измене у DOM-у и CSS-у, не само у коду
🔸 Снимање целе странице или viewport-а
🔸 Историја извештаја – сачувајте и прегледајте до 15 претходних извештаја
🔸 Светла и тамна тема – удобно прегледање дању и ноћу
Унутар детаљног извештаја
🔍 Након сваког поређења:
✔️ Резиме – % разлике и број измењених елемената
✔️ Упоредни приказ – „Пре / После“ и слика „Разлике“
✔️ Листа DOM & CSS промена – боја, фонт, маргина итд.
Шта ћете ухватити
➤ Померања и неусклађености распореда
➤ Промене боја и стилова
➤ Недостајуће или померене елементе
➤ Измене фонтова и текста
➤ Разлике у сликама
Како функционише
1️⃣ Поставите визуелну основну линију
2️⃣ Измените код са поверењем
3️⃣ Кликните „Упореди са основном линијом“ – детаљан извештај у новом табу
4️⃣ Анализирајте разлике и отклоните проблеме
5️⃣ Ажурирајте основну линију када сте задовољни
Професионални савети
✨ Сачекајте потпунo учитавање странице пре снимања основе
✨ Користите снимање целе странице за свеобухватне тестове
✨ Исти прозор/резолуција за прецизна поређења
✨ Снимајте основу када је садржај стабилан
✨ Тестирајте једну измену одједном ради јасних резултата
✨ Сачувајте важне основе пре великих рефакторисања
Сценарији употребе
✅ Визуелно регресионо тестирање
✅ Верификација UI/дизајна
✅ CSS рефакторисање без страха
✅ Front-end токови тестирања са тренутним визуелним фидбеком
За кога
➡️ Front-end програмери • QA инжењери • UI/UX дизајнери • Фриленсери и мали тимови
Зашто се истиче
🖼️ Боље од ручних снимака екрана
📝 Нула крива учења – једноставно за коришћење
FAQ
❓ Како открива измене?
💬 Поређење пиксел-по-пиксел + структурно скенирање DOM/CSS.
❓ Да ли су моји подаци безбедни?
💬 Да – све се обрађује и чува 100 % локално у прегледачу.
❓ Могу ли да користим на localhost-у?
💬 Апсолутно – савршено ради у локалном развоју.
❓ А динамични садржај?
💬 Поређење статичних стања: снимите када се анимације и огласи стабилизују.
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.