Οπτικός έλεγχος - UI Testing Inspector

Οπτικός έλεγχος παλινδρομήσεων χωρίς ψευδείς συναγερμούς. Συγκρίνει με ένα baseline, αγνοεί το δυναμικό περιεχόμενο. 100% τοπικά.

Επέκταση για εντοπισμό οπτικών παλινδρομήσεων. Δείχνει μόνο τις πραγματικές αλλαγές και δεν σας ενοχλεί με τα υπόλοιπα. Καταγράψτε ένα baseline της σελίδας σας. Κάντε τις αλλαγές σας. Πατήστε «Compare». Η αναφορά δείχνει μόνο ό,τι πραγματικά άλλαξε. Γιατί η αναφορά μένει καθαρή 🔸 Η επέκταση συγκρίνει τη σελίδα σας με ένα baseline. Επικαλύψεις που υπήρχαν εξαρχής στον σχεδιασμό δεν θεωρούνται σφάλματα. 🔸 Καρουζέλ, banner, χρονόμετρα και διαφημίσεις εντοπίζονται και εξαιρούνται αυτόματα. Δεν χρειάζεται καμία ρύθμιση. 🔸 Δοκιμασμένο σε πραγματικά sites. Χιλιάδες ψευδώς θετικά από εργαλεία pixel-to-pixel εδώ μηδενίζονται. Ιδιωτικότητα Τα screenshot και τα δεδομένα δεν φεύγουν ποτέ από τον υπολογιστή σας. Χωρίς cloud, λογαριασμούς ή συνδρομές. Τι περιλαμβάνει η αναφορά 🔸 Ένα σύντομο συμπέρασμα σε μία γραμμή. Βλέπετε αμέσως αν η σελίδα είναι εντάξει. 🔸 Ευρήματα σε απλή γλώσσα. Για παράδειγμα, «ένα block καλύπτει ένα κουμπί». Κάθε εύρημα συνοδεύεται από απόσπασμα screenshot με επισήμανση. 🔸 Αλλαγές κειμένου. Πριν και μετά, με τις αλλαγμένες λέξεις επισημασμένες. 🔸 Ένα slider για σύγκριση του baseline με την τρέχουσα έκδοση, καθώς και ένας χάρτης διαφορών. 🔸 Εξαγωγή της αναφοράς σε ένα ενιαίο αρχείο με όλα τα screenshot. Στείλτε το σε πελάτη ή συνάδελφο. Ανοίγει χωρίς την επέκταση. Έλεγχος responsive σχεδιασμού 📱 Ελέγξτε τη σελίδα σας σε πλάτη 320, 768, 1024, 1440 px ή σε δικά σας. Η αναφορά δείχνει πού «σπάει» η διάταξη και περιλαμβάνει screenshot για κάθε μέγεθος. Επίσης μπορεί 🔸 Να καταγράψει ολόκληρη τη σελίδα, μαζί με το τμήμα κάτω από την πρώτη οθόνη 🔸 Να εντοπίσει κομμένο κείμενο και blocks που ξεπερνούν τα όριά τους 🔸 Να επισημάνει προβλήματα προσβασιμότητας, όπως εικόνες χωρίς περιγραφή 🔸 Να κρατά τις τελευταίες 10 αναφορές σας. Ανοίξτε ξανά όποια θέλετε, όποτε θέλετε Πώς λειτουργεί 1️⃣ Ανοίξτε τη σελίδα σας και καταγράψτε ένα baseline 2️⃣ Κάντε αλλαγές στον κώδικα και το περιεχόμενο 3️⃣ Πατήστε «Compare with baseline» (Σύγκριση με baseline). Η αναφορά ανοίγει σε νέα καρτέλα 4️⃣ Σας αρέσει η νέα έκδοση; Ενημερώστε το baseline με ένα κλικ Για ποιους είναι ➡️ Frontend developers. Εντοπίστε παλινδρομήσεις πριν κάνετε commit ➡️ QA engineers. Οπτικός έλεγχος χωρίς CI ή ρυθμίσεις ➡️ Freelancers και agencies. Στείλτε στους πελάτες σας μία αναφορά σε ένα αρχείο ➡️ Designers. Ελέγξτε γρήγορα την υλοποίηση σε σχέση με το mockup Ερωτήσεις και απαντήσεις ❓ Τι γίνεται με τα καρουζέλ, τις διαφημίσεις και τα ρολόγια; 💬 Η επέκταση εντοπίζει αυτόματα το δυναμικό περιεχόμενο και το εξαιρεί από τη σύγκριση. ❓ Είναι ασφαλή τα δεδομένα μου; 💬 Ναι. Όλα αποθηκεύονται και επεξεργάζονται μόνο στο πρόγραμμα περιήγησής σας. ❓ Λειτουργεί στο localhost; 💬 Ναι. Είναι ιδανικό για τοπική ανάπτυξη. ❓ Χρειάζομαι λογαριασμό ή ρυθμίσεις; 💬 Όχι. Εγκαταστήστε την επέκταση και πατήστε το κουμπί.