extension ExtPose

ದೃಶ್ಯ ಪರೀಕ್ಷೆ - UI Testing Inspector

CRX id

begcddgpiamjkanbgdcihlbfdmogcloo-

Description from extension meta

ವೆಬ್‌ಸೈಟ್‌ಗಳಿಗಾಗಿ ಸ್ಥಳೀಯ ದೃಶ್ಯ ಹಿಂಜರಿತ ಪರೀಕ್ಷೆ - ಕ್ಲೌಡ್ ಇಲ್ಲದೆ UI ಬದಲಾವಣೆಗಳನ್ನು ದೃಶ್ಯವಾಗಿ ಹೋಲಿಸಿ ಮತ್ತು DOM/CSS ವ್ಯತ್ಯಾಸಗಳನ್ನು…

Image from store ದೃಶ್ಯ ಪರೀಕ್ಷೆ - UI Testing Inspector
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.

Statistics

Installs
25 history
Category
Rating
5.0 (1 votes)
Last update / version
2025-07-04 / 1.0.0
Listing languages

Links