ie tester tutorial internet explorer browser testing online
IE Tester Tutorial: Μάθετε να χρησιμοποιείτε το Internet Explorer Tester Tool για να δοκιμάσετε τον ιστότοπο σε διαφορετικές εκδόσεις του Internet Explorer
Το IE Tester είναι ένα λογισμικό που χρησιμοποιείται για να ελέγξει εάν ένας συγκεκριμένος ιστότοπος / ιστοσελίδα λειτουργεί τέλεια σε όλες τις εκδόσεις του Internet Explorer.
Χρησιμοποιώντας το IE Tester μπορείτε να ελέγξετε τον ιστότοπό σας σε όλες τις εκδόσεις του IE με μία κίνηση. Το IE Tester είναι ένα δωρεάν λογισμικό της Core Services.
Τι θα μάθετε:
- Γιατί IE Tester;
- Λήψη και εγκατάσταση του IE Tester
- Πώς να χρησιμοποιήσετε το εργαλείο δοκιμής του Internet Explorer;
- Πώς φαίνεται το IE Tester;
- Σφάλματα λογισμικού Tester Internet Explorer
- συμπέρασμα
- Συνιστώμενη ανάγνωση
Γιατί IE Tester;
Παρόλο που υπάρχουν πολλά προγράμματα περιήγησης ανοιχτού κώδικα, πολλοί οργανισμοί υποστηρίζουν μόνο τον Internet Explorer. Επειδή απαιτούνται πολλά δικαιώματα διαχειριστή για τη λήψη και εγκατάσταση οποιουδήποτε λογισμικού.
Σε μια τέτοια περίπτωση, η απαίτηση του πελάτη θα ήταν η εφαρμογή ιστού του να λειτουργεί καλά σε όλες τις εκδόσεις του Internet Explorer. Ως εκ τούτου, σε αυτήν την περίπτωση, ένας υπεύθυνος δοκιμών πρέπει να εκτελέσει Δοκιμή Διεπαφής χρήστη σε όλες τις πιθανές εκδόσεις του προγράμματος περιήγησης.
Επίσης, εάν ο πελάτης έχει αναφέρει συγκεκριμένα ένα πρόγραμμα περιήγησης που πρόκειται να χρησιμοποιήσει τότε κατά την εκτέλεση δοκιμών διεπαφής προγράμματος περιήγησης, δεν χρειάζεται να ελέγξετε τον ιστότοπο σε άλλα προγράμματα περιήγησης. Οι υπεύθυνοι δοκιμών μπορούν να προχωρήσουν απευθείας δοκιμάζοντας τον ιστότοπο μόνο στις απαιτούμενες εκδόσεις του Internet Explorer. IE Tester είναι το καλύτερο εργαλείο για αυτήν την κατάσταση.
Ο ίδιος ο Internet Explorer παρέχει τη δυνατότητα δοκιμής των ιστότοπων σε πολλές εκδόσεις του. Ωστόσο, δεν παρέχει την επιλογή δοκιμής ιστότοπων στον Internet Explorer 6 και 7.
Μπορείτε να δοκιμάσετε έναν ιστότοπο μόνο στον Internet Explorer 8 και άνω. Για να το κάνουμε αυτό ανοιχτό Internet Explorer => πατήστε F12 => Θα ανοίξουν τα εργαλεία προγραμματιστή => Κάντε κλικ στο κάτω βέλος => Επιλέξτε Εξομοίωση => Στην ενότητα 'User-agent string' θα λάβετε τις διαφορετικές εκδόσεις του Internet Explorer.
Το IE Tester σάς παρέχει τη δυνατότητα να δοκιμάσετε τον ιστότοπό σας στον Internet Explorer 6 και άνω.
Λήψη και εγκατάσταση του IE Tester
Λήψη IE Tester από Αρχική σελίδα IETester .
Κάντε κλικ στο πράσινο κουμπί λέγοντας 'Λήψη IE Tester v0.5.4 (60MB)' . Η διαδικασία λήψης θα ξεκινήσει αμέσως και θα δείτε την ακόλουθη γραμμή προόδου λήψης στο κάτω μέρος της σελίδας.
Μόλις ολοκληρωθεί, κάντε διπλό κλικ στο αρχείο exe και θα εμφανιστεί ένα αναδυόμενο παράθυρο που θα δείχνει τη συμφωνία άδειας χρήσης. Κάνε κλικ στο 'Συμφωνώ' κουμπί και θα μπορείτε να δείτε το ακόλουθο παράθυρο.
Εδώ έχω επιλέξει όλες τις γλώσσες εκτός από τα Αγγλικά. Μπορείτε ακόμη και να ελέγξετε όλες αυτές τις γλώσσες. Κάνε κλικ στο 'Επόμενο' κουμπί και θα δείτε το ακόλουθο παράθυρο.
Κάνε κλικ στο 'Εγκαθιστώ' κουμπί.
Η εγκατάσταση θα ολοκληρωθεί μέσα σε δευτερόλεπτα και θα δείτε μια συντόμευση στην οθόνη του υπολογιστή σας. Κάντε διπλό κλικ σε αυτό για να το ανοίξετε. Η πρώτη εμφάνιση του IE Tester θα είναι όπως φαίνεται παρακάτω.
Πώς να χρησιμοποιήσετε το εργαλείο δοκιμής του Internet Explorer;
Όπως φαίνεται στην παραπάνω εικόνα, υπάρχουν κουμπιά για κάθε έκδοση IE. Μπορείτε να ελέγξετε τον ιστότοπο / την ιστοσελίδα σας σε οποιαδήποτε έκδοση κάνοντας κλικ στο συγκεκριμένο κουμπί ή στο τελευταίο κουμπί που είναι «All IE Versions».
Χρησιμοποιώντας αυτό το κουμπί, μπορείτε να ελέγξετε τον ιστότοπο / την ιστοσελίδα σας σε όλες τις αναφερόμενες εκδόσεις. Όταν κάνετε κλικ στο «Όλες οι εκδόσεις IE» κουμπί θα δείτε το ακόλουθο παράθυρο όπως φαίνεται παρακάτω.
Με όλα αυτά τα κουμπιά, απενεργοποιείται ένα κουμπί για την έκδοση 10 του IE. Θα ενεργοποιηθεί μόνο εάν το IE version10 είναι η προεπιλεγμένη έκδοση και είναι μόνο στα Windows 8, δηλαδή αυτό το κουμπί θα ενεργοποιηθεί μόνο εάν το λειτουργικό σας σύστημα είναι Windows 8.
Όπως φαίνεται στην παραπάνω εικόνα, μπορείτε να επιλέξετε και να αποεπιλέξετε οποιαδήποτε έκδοση σύμφωνα με την επιλογή σας. Εισαγάγετε τη διεύθυνση URL στον δεδομένο χώρο και κάντε κλικ στο 'Ok'. Θα ανοίξουν διαφορετικές καρτέλες για κάθε έκδοση και μπορείτε να επιλέξετε τα αρχεία HTML που είναι αποθηκευμένα στον υπολογιστή σας χρησιμοποιώντας το κουμπί «Αναζήτηση».
Επιλέξτε την έκδοση 10, εισαγάγετε τη διεύθυνση URL, κάντε κλικ στο «Ok» και θα μπορείτε να ελέγξετε τον ιστότοπο / την ιστοσελίδα σας στην έκδοση IE10. Έτσι, ακόμη και αν το άμεσο κουμπί δεν είναι ενεργοποιημένο, μπορείτε να χρησιμοποιήσετε αυτόν τον τρόπο για να ελέγξετε τον ιστότοπο / την ιστοσελίδα στην έκδοση10. Όταν κάνετε κλικ στο 'Ok' εισάγοντας τη διεύθυνση URL, θα μπορείτε να δείτε το ακόλουθο παράθυρο.
Όπως φαίνεται στην παραπάνω εικόνα, μια ιστοσελίδα ανοίγει στην έκδοση 10. IE. Τώρα, θα δούμε όλα τα κουμπιά, τα μενού και τα υπομενού του IE Tester ένα προς ένα.
Κλείσιμο κουμπιού καρτέλας: Αυτό το κουμπί βρίσκεται δίπλα στο λογότυπο IE Tester με μαύρο βέλος όπως φαίνεται στην παρακάτω εικόνα. Κλείνει την ενεργή καρτέλα. Η συντόμευση πληκτρολογίου για αυτό το κουμπί είναι «Ctrl + W».
Τώρα ας μάθουμε για το βέλος που βρίσκεται δίπλα στο κουμπί κλεισίματος καρτέλας, δηλαδή το καφέ βέλος που φαίνεται στην παραπάνω εικόνα. Εάν κάνετε κλικ σε αυτό το βέλος, θα λάβετε τέσσερις επιλογές. Η πρώτη επιλογή είναι 'Κλείσε' . Εάν ορίσετε αυτήν την επιλογή, το κουμπί 'Κλείσιμο καρτέλας' θα κλείσει ή δεν θα είναι ορατό.
Η επόμενη ή δεύτερη επιλογή είναι «Περισσότερες εντολές» . Θα δείτε το ακόλουθο παράθυρο όταν ορίσετε αυτήν την επιλογή.
Εδώ υπάρχει μια αναπτυσσόμενη λίστα που ονομάζεται «Επιλογή εντολών από» . Ανάλογα με την επιλογή που έχει επιλεγεί σε αυτήν την αναπτυσσόμενη λίστα, οι εντολές θα αλλάξουν και στη συνέχεια μπορείτε να προσθέσετε τις εντολές «Προσθήκη» ή «Κατάργηση» ανάλογα. Πατήστε 'Ok' για να ολοκληρώσετε τις αλλαγές και πατήστε 'Επαναφορά' για αναίρεση αλλαγών.
Υπάρχει ένα κουμπί που ονομάζεται «Προσαρμογή» , χρησιμοποιώντας τις οποίες μπορείτε να προσαρμόσετε τις συντομεύσεις πληκτρολογίου για μια συγκεκριμένη εντολή.
Εάν επιλέξετε το πλαίσιο ελέγχου που ονομάζεται 'Εμφάνιση γραμμής εργαλείων γρήγορης πρόσβασης κάτω από την κορδέλα' τότε θα εμφανιστεί μια γραμμή εργαλείων όπως στην παρακάτω εικόνα. Η ίδια επιλογή είναι διαθέσιμη στην αναπτυσσόμενη λίστα του βέλους που βρίσκεται ακριβώς δίπλα στο 'Κλείσιμο καρτέλας' κουμπί, που φαίνεται από ένα καφέ βέλος στην προηγούμενη εικόνα μας.
Εάν θέλετε, μπορείτε να το μετακινήσετε ξανά στην επάνω πλευρά. Όταν μετακινείτε αυτήν τη γραμμή εργαλείων κάτω από την κορδέλα, τότε αντί για την επιλογή 'Εμφάνιση κάτω από την κορδέλα' , θα δείτε την επιλογή 'Εμφάνιση πάνω από την κορδέλα' .
Αρχική καρτέλα: Όπως φαίνεται στην παρακάτω εικόνα, υπάρχουν διαφορετικές επιλογές πλοήγησης και εντοπισμού σφαλμάτων σε αυτήν την καρτέλα.
Εάν πλοηγηθείτε σε διαφορετικές σελίδες, το 'Προηγούμενος' και 'Επόμενο' θα ενεργοποιηθούν τα κουμπιά. Μόλις ανοίξετε την καρτέλα και πληκτρολογήσετε στη γραμμή διευθύνσεων, το 'Φρεσκάρω' θα ενεργοποιηθεί το κουμπί. ο 'Να σταματήσει' Το κουμπί ενεργοποιείται μόνο όταν το IE Tester ανοίγει μια νέα σελίδα.
Εάν είναι ανοιχτές πολλές καρτέλες (περισσότερες από μία) τότε μόνο το 'Κλείσιμο όλων εκτός από την ενεργή καρτέλα' θα ενεργοποιηθεί το κουμπί. Το κουμπί 'Κλείσιμο όλων των καρτελών' θα ενεργοποιηθεί ακόμα και αν είναι ανοιχτή μόνο μία καρτέλα.
Το κουμπί 'Εναλλαγή γραμμής εντοπισμού σφαλμάτων' και 'Αγαπημένα' θα ενεργοποιηθούν κατά το άνοιγμα μιας καρτέλας. Για να χρησιμοποιήσετε τις επιλογές 'Εναλλαγή γραμμής εντοπισμού σφαλμάτων', πρέπει να κάνετε λήψη της γραμμής εντοπισμού σφαλμάτων. Η παλαιότερη έκδοση δεν θα λειτουργεί με την τελευταία έκδοση του IE Tester. Το κουμπί «Αγαπημένα» δεν θα λειτουργεί σύμφωνα με τις προσδοκίες.
Καρτέλα Εργαλείων Dev: Αυτή η καρτέλα δίνει κυρίως τις επιλογές που είναι χρήσιμες για τους προγραμματιστές. Μπορείτε να δείτε τον πηγαίο κώδικα της ιστοσελίδας. Μπορείτε να αυξήσετε ή να μειώσετε το μέγεθος του κειμένου. Θα είναι χρήσιμο για δοκιμή ευχρηστίας και διεπαφών χρήστη. Μπορείτε να δείτε την ιστοσελίδα απενεργοποιώντας εικόνες, java, java scripts, ActiveX κ.λπ.
Μπορείτε επίσης να δοκιμάσετε την ιστοσελίδα απενεργοποιώντας τα βίντεο και τους ήχους στο παρασκήνιο. Πρέπει να κατεβάσετε τη γραμμή εντοπισμού σφαλμάτων στη γραμμή εντοπισμού σφαλμάτων και να προβάλετε τον πηγαίο κώδικα. Θα είναι επίσης χρήσιμο για τους προγραμματιστές.
Προβολή καρτέλας: Όπως φαίνεται στην παρακάτω εικόνα, η καρτέλα προβολής έχει 2 κουμπιά, δηλαδή «Πλήρης οθόνη» και «Απόκρυψη κορδέλας». Χρησιμοποιώντας την 'ΠΛΗΡΗΣ ΟΘΟΝΗ' κουμπί, μπορείτε να δείτε την ιστοσελίδα σας σε λειτουργία πλήρους οθόνης και σε αυτήν τη λειτουργία, θα δείτε μόνο ένα κουμπί, δηλαδή «Κλείσιμο πλήρους οθόνης» για έξοδο από τη λειτουργία πλήρους οθόνης.
Εάν κάνετε κλικ στο «Απόκρυψη κορδέλας» κουμπί θα έχετε το ίδιο εφέ με τη λειτουργία πλήρους οθόνης. Η μόνη διαφορά είναι ότι σε λειτουργία πλήρους οθόνης, θα βλέπετε συνεχώς ένα κουμπί στην οθόνη για έξοδο από αυτήν τη λειτουργία πλήρους οθόνης και στη λειτουργία Απόκρυψη κορδέλας, δεν θα λάβετε κανένα κουμπί. Για έξοδο από αυτήν τη λειτουργία, κάντε κλικ στο λογότυπο IE Tester και επιλέξτε «Εμφάνιση κορδέλας».
Καρτέλα Επιλογών: Στην καρτέλα Επιλογές έχετε επιλογές εκτύπωσης. Εδώ μπορείτε να ελέγξετε την έκδοση IE Tester και εάν υπάρχει μια νέα έκδοση του IE Tester, τότε μπορείτε να ανοίξετε τις ιδιότητες Internet χρησιμοποιώντας το κουμπί «Επιλογές Internet Explorer» .
Ελαχιστοποιήστε την καρτέλα Ribbon: Όταν κάνετε κλικ σε αυτό το κουμπί, η γραμμή εργαλείων που χρησιμοποιείτε θα ελαχιστοποιηθεί. Θα δείτε το 'Εμφάνιση της κορδέλας' κουμπί για να το μεγιστοποιήσετε. Το αποτέλεσμα της χρήσης αυτού του κουμπιού είναι διαφορετικό από τη λειτουργία πλήρους οθόνης και τη λειτουργία απόκρυψης κορδέλας. Αυτό ελαχιστοποιεί τη γραμμή εργαλείων και θα μπορείτε να δείτε τις επικεφαλίδες.
Πώς φαίνεται το IE Tester;
Η ακόλουθη εικόνα σας δείχνει πώς θα εμφανίζεται μια ιστοσελίδα στο IE Tester εάν υποστηρίζεται η έκδοση του Internet Explorer. Εδώ, χρησιμοποιήσαμε τη διεύθυνση URL www.firstcry.com με την προεπιλεγμένη έκδοση του Internet Explorer (Microsoft Edge).
Η παρακάτω εικόνα θα σας δείξει πώς θα φαίνεται η ιστοσελίδα στο IE Tester εάν η έκδοση του Internet Explorer δεν υποστηρίζεται από τον ιστότοπο. Για αυτό, έχω χρησιμοποιήσει την ίδια διεύθυνση URL με την έκδοση 6 του Internet Explorer.
Σφάλματα λογισμικού Tester Internet Explorer
Εδώ, με την έκδοση του IE Tester, δοκιμάσαμε μόνο το IE6, το IE10 (το IE10 δεν υποτίθεται ότι λειτουργεί σύμφωνα με την ομάδα του IE Tester) και το Default IE λειτουργούν. Εκτός από τη σελίδα google κατά την προσπάθεια ανοίγματος του www.firstcry.com, εμφανίζεται το ακόλουθο σφάλμα.
μετατροπέας youtube σε mp3 που λειτουργεί
Κάνοντας κλικ στο κουμπί για την έκδοση 5 του IE, εμφανίζεται ένα μήνυμα σφάλματος που λέει 'Δεν είναι δυνατή η φόρτωση της ζητούμενης έκδοσης IE' όπως φαίνεται στην παρακάτω εικόνα. Εάν δεν μπορεί να διατεθεί για χρήση, τότε θα πρέπει να αφαιρεθεί από τη γραμμή εργαλείων.
συμπέρασμα
Το IE Tester είναι χρήσιμο τόσο για δοκιμαστές όσο και για προγραμματιστές και εξοικονομεί πολύ χρόνο. Η λήψη και η χρήση των παλαιότερων εκδόσεων του απαιτούμενου Internet Explorer είναι μια κουραστική δουλειά. Ως εκ τούτου, το IE Tester βοηθάει πολύ στις δοκιμές.
Για τον έλεγχο συμβατότητας του προγράμματος περιήγησης, υπάρχουν πολλά εργαλεία επί πληρωμή, αλλά επηρεάζει σίγουρα τον προϋπολογισμό του έργου. Το IE Tester είναι ένα δωρεάν και εύχρηστο εργαλείο που είναι πολύ χρήσιμο για τον έλεγχο συμβατότητας του προγράμματος περιήγησης.
Είστε έτοιμοι να το δοκιμάσετε;
Συνιστώμενη ανάγνωση
- 12 καλύτερα εργαλεία δοκιμής ευχρηστίας για δοκιμή ευχρηστίας ιστότοπων (2021 LIST)
- Tutorial Test Usability: Ένας πλήρης οδηγός έναρξης
- Πώς να εντοπίσετε στοιχεία στο πρόγραμμα περιήγησης Chrome και IE για τη δημιουργία σεναρίων Selenium - Σεμινάριο Tutorial # 7
- Τα 10 κορυφαία εργαλεία δοκιμών Cross Browser το 2021 (τελευταία κατάταξη)
- Τι είναι το Cross Browser Testing και πώς να το εκτελέσετε: Ένας πλήρης οδηγός
- Εργαλεία και υπηρεσίες δοκιμής απόδοσης ιστότοπου
- Tutorial Geb - Δοκιμή αυτοματισμού προγράμματος περιήγησης με χρήση του εργαλείου Geb
- Selenium Grid Tutorial: Ρύθμιση και παράδειγμα δοκιμής Cross Browser