Description from extension meta
ವೆಬ್ಸೈಟ್ಗಳಿಗಾಗಿ ಸ್ಥಳೀಯ ದೃಶ್ಯ ಹಿಂಜರಿತ ಪರೀಕ್ಷೆ - ಕ್ಲೌಡ್ ಇಲ್ಲದೆ UI ಬದಲಾವಣೆಗಳನ್ನು ದೃಶ್ಯವಾಗಿ ಹೋಲಿಸಿ ಮತ್ತು DOM/CSS ವ್ಯತ್ಯಾಸಗಳನ್ನು…
Image from store
Description from store
ಪ್ರತಿ ಕೋಡ್ ಬದಲಾವಣೆಯ ನಂತರ ದೃಶ್ಯ ದೋಷಗಳನ್ನು ಹಸ್ತಚಾಲಿತವಾಗಿ ಪರಿಶೀಲಿಸಲು ಆಯಾಸಗೊಂಡಿದ್ದೀರಾ? UI Testing Inspector DOM ವಿಶ್ಲೇಷಣೆಯೊಂದಿಗೆ ನಿಮ್ಮ भरोಸೆಯ ದೃಶ್ಯ ವ್ಯತ್ಯಾಸ ಪರೀಕ್ಷಕವಾಗಿದೆ.
ಅದನ್ನು ಏಕೆ ಬಳಸಬೇಕು?
⚡ 100% ಸ್ಥಳೀಯ ಮತ್ತು ಖಾಸಗಿ: ಎಲ್ಲಾ ಸ್ಕ್ರೀನ್ಶಾಟ್ಗಳು ಮತ್ತು ಹೋಲಿಕೆ ಡೇಟಾ ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್ನಲ್ಲೇ ಉಳಿಯುತ್ತದೆ. ಕ್ಲೌಡ್ ಸೇವೆಗಳಿಲ್ಲ, ಡೇಟಾ ಹಂಚಿಕೆ ಇಲ್ಲ
⚡ ತತ್ಕ್ಷಣ ಪ್ರತಿಕ್ರಿಯೆ ಲೂಪ್: ವಿಸ್ತರಣೆಯನ್ನು ಸ್ಥಾಪಿಸಿ, ಬೇಸ್ಲೈನ್ ತೆಗೆದುಕೊಳ್ಳಿ, ಕೋಡ್ ಬದಲಾವಣೆ ಮಾಡಿ ಮತ್ತು ವ್ಯತ್ಯಾಸಗಳನ್ನು ತಕ್ಷಣ ನೋಡಿ. ತ್ವರಿತ ಹಿಂಜರಿತ ಪರೀಕ್ಷೆಗಳಿಗೆ ಸೂಕ್ತ
⚡ ಪಿಕ್ಸೆಲ್-ಪರ್ಫೆಕ್ಟ್ ಡಿಟೆಕ್ಷನ್: ಕ್ಷುದ್ರ ದೃಶ್ಯ ಬದಲಾವಣೆಗಳನ್ನೂ ಹಿಡಿದುಕೊಳ್ಳಿ
ಪ್ರಮುಖ ಲಕ್ಷಣಗಳು:
🔸 ಒಂದು ಕ್ಲಿಕ್ ಬೇಸ್ಲೈನ್: ಯಾವುದಾದರೂ ವೆಬ್ಪುಟದ "ಮೊದಲು" ಸ್ಥಿತಿಯನ್ನು ಒಮ್ಮೆ ಕ್ಲಿಕ್ ಮಾಡಿದರೆ ಸಾಕು
🔸 ಪಿಕ್ಸೆಲ್-ಪರ್ಫೆಕ್ಟ್ ビಜುವಲ್ ಡಿಫ್: ಬೇಸ್ಲೈನ್, ಪ್ರಸ್ತುತ ಸ್ಥಿತಿ ಮತ್ತು ನಿಖರ ವ್ಯತ್ಯಾಸಗಳನ್ನು ಹೈಲೈಟ್ ಮಾಡುವ ಸ್ಪಷ್ಟ ವರದಿ
🔸 ಅಂಶ ಪರಿಶೀಲನೆ: ಕೇವಲ ಕೋಡ್ ಅಲ್ಲ, DOM/CSS ಬದಲಾವಣೆಗಳನ್ನೂ చూడಿರಿ
🔸 ಪೂರ್ಣ ಪುಟ & ವ್ಯೂಪೋರ್ಟ್ ಸೆರೆಹಿಡಿಯುವಿಕೆ: ಗೋಚರಿಸುವ ಭಾಗ ಅಥವಾ스크್ರೋಲ್ ಪುಟ ಸಂಪೂರ್ಣ ಸೆರೆಹಿಡಿಯಿರಿ
🔸 ವರದಿ ಇತಿಹಾಸ: 15 ಹಿಂದಿನ ಹೋಲಿಕೆ ವರದಿಗಳನ್ನು ಉಳಿಸಿ ಮತ್ತು ವೀಕ್ಷಿಸಿ
🔸 ಬೆಳಕು/ಗಾಢ ಥೀಮ್ಗಳು: ಹಗಲು-ರಾತ್ರಿ ಆರಾಮದಾಯಕ ವೀಕ್ಷಣೆ
ವಿಭರವಾದ ವರದಿಯಲ್ಲಿ
🔍 ಪ್ರತಿ ಹೋಲಿಕೆಯ ನಂತರ ಸಂಪೂರ್ಣ ಚಿತ್ರ ನೀಡುವ ಸಮಗ್ರ ವರದಿ:
✔️ ಸಾರಾಂಶ: ದೃಶ್ಯ ವ್ಯತ್ಯಾಸ ಶೇಕಡಾವಾರು ಮತ್ತು ಸೇರಿಸಿದ/ತೆಗೆದುಕೊಂಡ/ಮಾರ್ಪಡಿಸಿದ ಅಂಶ ಎಣಿಕೆ
✔️ ಅಕ್ಕಪಕ್ಕ ನೋಟ: "ಮೊದಲು" ಮತ್ತು "ನಂತರ" ಸ್ಕ್ರೀನ್ಶಾಟ್ಗಳನ್ನೂ "ವ್ಯತ್ಯಾಸ" ಚಿತ್ರ ಜೊತೆಗೆ ಹೋಲಿಸಿ
✔️ DOM & CSS ಬದಲಾವಣೆ ಪಟ್ಟಿ: ಬದಲಾದ ಅಂಶಗಳನ್ನು ನಿಖರವಾಗಿ ಗುರುತಿಸಿ (ಬಣ್ಣ, ಫಾಂಟ್ ಗಾತ್ರ, ಮಾರುಜನ್ಸ್)
✔️ ತಂತ್ರಜ್ಞಾನ ವಿವರ: ಲೇಔಟ್, ವಿಷಯ, ರಚನಾ ಬದಲಾವಣೆಗಳ ವಿಶ್ಲೇಷಣೆ
ನೀವು ಹಿಡಿಯುವದು:
➤ ಲೇಔಟ್ ಶಿಫ್ಟ್ಗಳು, ಅಸಮತೆ
➤ ಬಣ್ಣ/ಶೈಲಿ ಬದಲಾವಣೆ
➤ ಕಾಣೆಯಾದ/ಸರಿದ ಅಂಶಗಳು
➤ ಫಾಂಟ್/ಟೆಕ್ಸ್ಟ್ ಮಾರ್ಪಾಡು
➤ ಚಿತ್ರ ವ್ಯತ್ಯಾಸ
ಇದು ಹೇಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ:
1️⃣ Visual Baseline ಹೊಂದಿಸಿ → ಪುಟಕ್ಕೆ ಹೋಗಿ "Baseline Set" ಕ್ಲಿಕ್ ಮಾಡಿ
2️⃣ ಕೋಡ್ ಬದಲಿಸಿ, ವಿಷಯ更新 ಮಾಡಿ
3️⃣ "Baseline Compare" ಕ್ಲಿಕ್ → ವಿವರ ವರದಿ
4️⃣ ಪಕ್ಕಪಕ್ಕ ನೋಟದಿಂದ ವ್ಯತ್ಯಾಸ ವಿಶ್ಲೇಷಣೆ
5️⃣ ಸಂತೋಷವಾದರೆ "Baseline Set" ಮತ್ತೆ ತೆರಳಿ ಅಪ್ಡೇಟ್ ಮಾಡಿ
ವೃತ್ತಿಪರ ಟಿಪ್ಪಣಿಗಳು
✨ ಪುಟ ಲೋಡ್ ಮುಗಿಯುವವರೆಗೆ ಕಾಯಿರಿ
✨ ಪೂರ್ಣ-ಪುಟ ಸೆರೆಹಿಡಿಯುವಿಕೆ ಬಳಸಿ
✨ ಒಂದೇ ವಿಂಡೋ ಗಾತ್ರದಲ್ಲಿ ಸ್ಕ್ರೀನ್ಶಾಟ್ ತಗೆ
✨ ಒಂದು ಬದಲಾವಣೆ ಒಮ್ಮೆ ಪರೀಕ್ಷಿಸಿ
✨ ದೊಡ್ಡ ರಿಫ್ಯಾಕ್ಟರ್ ಮೊದಲು ಮುಖ್ಯ ಬೇಸ್ಲೈನ್ ಉಳಿಸಿ
✨ ಸಮಾನ ಪುಟ ಸ್ಥಿತಿ ಹೋಲಿಸಿ
ಬಳಕೆಯ ಸಂದರ್ಭಗಳು
✅ ದೃಶ್ಯ ಹಿಂಜರಿತ ಪರೀಕ್ಷೆ
✅ UI/Design ಪರಿಶೀಲನೆ
✅ CSS ರಿಫ್ಯಾಕ್ಟರಿಂಗ್
✅ Frontend ಪರೀಕ್ಷೆ
ಯಾರಿಗಾಗಿ?
➡️ Frontend ಡೆವಲಪರ್
➡️ 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.