Description from extension meta
वेबसाइटसाठी स्थानिक व्हिज्युअल रिग्रेशन चाचणी - क्लाउडशिवाय UI बदल व्हिज्युअली तुलना करा आणि DOM/CSS फरक शोधा
Image from store
Description from store
याचा वापर का करावा?
⚡ 100 % स्थानिक व खाजगी: सर्व स्क्रीनशॉट आणि तुलना डेटा तुमच्या संगणकावरच राहतो — क्लाउड नाही, डेटा शेअरिंग नाही
⚡ तात्काळ फीडबॅक लूप: एक्स्टेन्शन इन्स्टॉल करा, बेसलाइन घ्या, कोड बदला, व फरक ताबडतोब पहा — जलद रिग्रेशन चाचण्यांसाठी आदर्श
⚡ पिक्सेल-परिपूर्ण शोध: मानवी डोळ्यांना न दिसणारे सूक्ष्म दृश्य बदलही पकडा
मुख्य वैशिष्ट्ये
🔸 एक-क्लिक बेसलाइन: एका क्लिकमध्ये कोणत्याही पेजची “पूर्वी” स्थिती कॅप्चर
🔸 पिक्सेल-परिपूर्ण डिफ् रिपोर्ट: बेसलाइन, वर्तमान स्थिती व अचूक फरक स्पष्टपणे दर्शवतो
🔸 Inspect Element: DOM व CSS मधील बदलही दाखवतो
🔸 पूर्ण पेज किंवा viewport कॅप्चरचा पर्याय
🔸 अहवाल इतिहास: १५ पूर्वीचे तुलना अहवाल साठवू व पाहू शकता
🔸 लाइट व डार्क थीम – दिवस-रात्री सहज वाचनास योग्य
तपशीलवार अहवालात
🔍 प्रत्येक तुलना नंतर मिळतो:
✔️ सारांश – दृश्य फरकाचे % आणि बदललेल्या घटकांची संख्या
✔️ Side-by-Side – “पूर्वी / नंतर” स्क्रीनशॉट्स आणि हायलाईट “Difference” चित्र
✔️ DOM & CSS बदल यादी – रंग, फॉन्ट, मार्जिन इ. स्तरावर नेमका फरक
तुम्ही काय शोधू शकता
➤ लेआउट शिफ्ट्स व विसंगती
➤ रंग/स्टाइल बदल
➤ गहाळ किंवा हलवलेले घटक
➤ फॉन्ट व टेक्स्ट सुधारणा
➤ प्रतिमेतील फरक
कार्यपद्धती
1️⃣ “Set Baseline” क्लिक करून दृश्य बेसलाइन सेट करा
2️⃣ आत्मविश्वासाने CSS/HTML बदल करा
3️⃣ “Compare with Baseline” – विस्तृत रिपोर्ट नवीन टॅबमध्ये उघडेल
4️⃣ फरकांचे विश्लेषण करा व त्रुटी दूर करा
5️⃣ नवीन लुक योग्य ठरल्यास “Set Baseline” पुनः क्लिक करा
प्रो टिप्स
✨ पेज पूर्णपणे लोड झाल्यावरच बेसलाइन कॅप्चर करा
✨ सर्वसमावेशक चाचणीसाठी फुल-पेज कॅप्चर वापरा
✨ एकाच विंडो साइजमध्ये स्क्रीनशॉट घ्या
✨ स्थिर कंटेंटवरच तुलना करा
✨ एकावेळी एक बदल तपासा, स्पष्ट परिणाम मिळविण्यासाठी
✨ मोठ्या रिफॅक्टरपूर्वी महत्त्वाच्या बेसलाइन जतन करा
वापराचे प्रकरणे
✅ दृश्य रिग्रेशन टेस्टिंग
✅ UI/डिझाइन पडताळणी
✅ CSS रिफॅक्टरिंग निश्चिंतपणे
✅ फ्रंट-एंड वर्कफ्लोमध्ये त्वरित दृश्य फीडबॅक
कोणासाठी
➡️ Front-end डेव्हलपर्स
➡️ QA इंजिनीअर्स
➡️ UI/UX डिझाइनर्स
➡️ फ्रीलान्सर्स व छोटे संघ
कसे वेगळे ठरते
🖼️ मॅन्युअल स्क्रीनशॉटपेक्षा सोपे व प्रभावी
📝 शून्य लर्निंग कर्व्ह – ब्राउझ करता येत असेल तर वापरता येईल
FAQ
❓ बदल कसे ओळखते?
💬 Pixel-by-pixel तुलना + 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.