Description from extension meta
Upimaji wa kurudi nyuma wa kuona kwa tovuti za mtandao - linganisha mabadiliko ya UI kimuundo na ugundua tofauti za DOM/CSS bila…
Image from store
Description from store
Umechoka kuangalia makosa ya kuona kwa mikono baada ya kila mabadiliko ya msimbo? UI Testing Inspector ni chombo chako cha kuaminika cha kulinganisha tofauti za kuona kikiwa na uchambuzi wa DOM.
Kwa nini ukitumie?
⚡ 100 % Mitaa na Binafsi: picha zote za skrini na data za kulinganisha hubaki kwenye kompyuta yako. Hakuna huduma za wingu, hakuna kushiriki data
⚡ Mzunguko wa maoni wa haraka: sakinisha kiendelezi, chukua msingi, badilisha msimbo na uone tofauti papo hapo – bora kwa majaribio ya kurudi nyuma ya haraka
⚡ Ugunduzi pixel-kamilifu: gundua hata mabadiliko madogo ambayo macho ya binadamu yanaweza kukosa
Vipengele muhimu
🔸 Msingi wa bonyeza moja – kamatua hali «kabla» ya ukurasa kwa bonyeza moja
🔸 Tofauti pixel-kamilifu – ripoti wazi yenye msingi, hali ya sasa na tofauti zilizoangaziwa
🔸 Kagua kigezo – ona kile kilichobadilika kwenye DOM na CSS, si msimbo pekee
🔸 Kukamata ukurasa mzima au eneo linaloonekana
🔸 Historia ya ripoti – hifadhi na pitia hadi ripoti 15 zilizopita
🔸 Mandhari nyepesi na nyeusi – mtazamo mzuri mchana/usiku
Ndani ya ripoti ya kina
🔍 Baada ya kila kulinganisha:
✔️ Muhtasari – % tofauti na idadi ya vipengele vilivyobadilishwa
✔️ Mtazamo kando kwa kando – «Kabla / Baada» na picha ya «Tofauti»
✔️ Orodha ya mabadiliko DOM & CSS – rangi, fonti, margin n.k.
Unachoweza kugundua
➤ Uhamishaji na kasoro za mpangilio
➤ Mabadiliko ya rangi na mtindo
➤ Vipengele vilivyokosekana au vilivyohamishwa
➤ Mabadiliko ya fonti na maandishi
➤ Tofauti za picha
Jinsi inavyofanya kazi
1️⃣ Weka msingi wa kuona
2️⃣ Badilisha msimbo kwa kujiamini
3️⃣ Bonyeza «Linganishi na msingi» – ripoti ya kina kwenye kichupo kipya
4️⃣ Changanua tofauti, rekebisha hitilafu
5️⃣ Sasisha msingi ukiwa umeidhinisha
Vidokezo vya kitaalam
✨ Subiri ukurasa kupakia kikamilifu kabla ya kukamata
✨ Tumia kukamata ukurasa mzima kwa majaribio ya kina
✨ Tumia dirisha la ukubwa ule ule kwa kulinganisha sahihi
✨ Kamata msingi maudhui yakiwa thabiti
✨ Jaribu mabadiliko moja kwa wakati ili matokeo yawe wazi
✨ Hifadhi misingi muhimu kabla ya refactoring kubwa
Matumizi
✅ Upimaji wa kurudi nyuma wa kuona
✅ Uthibitishaji wa UI/design
✅ Refactor ya CSS bila wasi
✅ Mizunguko ya upimaji frontend yenye maoni ya haraka
Imeundwa kwa
➡️ Wasanidi Frontend • Wahandisi QA • Wabunifu UI/UX • Wafanyakazi huru & timu ndogo
Kwa nini inajitofautisha
🖼️ Bora kuliko picha za skrini za mikono
📝 Hakuna curve ya kujifunza – rahisi kutumia
Maswali ya Kawaida
❓ Inagunduaje mabadiliko?
💬 Kulinganisha pixel kwa pixel + skana ya muundo DOM/CSS.
❓ Je, data yangu iko salama?
💬 Ndio – kila kitu huchakatwa na kuhifadhiwa 100 % ndani ya kivinjari chako.
❓ Naweza kuitumia kwenye localhost?
💬 Bila shaka – hufanya kazi kikamilifu katika maendeleo ya ndani.
❓ Vipi kuhusu maudhui dinamik?
💬 Linganisha hali tuli: kamatua baada ya uhuishaji kuisha na matangazo kutulia.
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.