Η Microsoft ανακοινώνει το SuperPreview για δοκιμή προγράμματος περιήγησης IE
Ο έλεγχος των περιηγητών είναι ένα καυτό και απογοητευτικό ζήτημα μεταξύ των σχεδιαστών ιστοσελίδων και των προγραμματιστών. Στις περισσότερες περιπτώσεις, οι προγραμματιστές σχεδιάζουν για ένα πρόγραμμα περιήγησης προορισμού και μόλις τελειώσουν, αρχίζουν να τροποποιούν το σχέδιό τους ώστε να είναι συμβατό με άλλα προγράμματα περιήγησης.
Υπάρχουν πολλοί τρόποι για να δοκιμάσετε έναν ιστότοπο πριν από την εκκίνηση και περιλαμβάνουν την εγκατάσταση πολλαπλών προγραμμάτων περιήγησης και λειτουργικών συστημάτων, την εκτέλεση εικονικών μηχανών με διαφορετικές διαμορφώσεις ή τη χρήση μιας υπηρεσίας φιλοξενούμενων εικόνων, όπου παράγεται μια εικόνα οθόνης για μια συγκεκριμένη έκδοση προγράμματος περιήγησης και λειτουργικό σύστημα που πρόκειται να χρησιμοποιηθεί για λόγους σύγκρισης.
Ξεκινώντας σήμερα, υπάρχει ένας νέος τρόπος για να ελέγξετε τη συμβατότητα του προγράμματος περιήγησης που αναπτύχθηκε από τη Microsoft και ονομάζεται SuperPreview . Σε αυτό το άρθρο, θα σας δώσω μια σύντομη ανασκόπηση του SuperPreview καθώς και τη σύγκριση και την καταχώριση εναλλακτικών συστημάτων για τον έλεγχο των σχεδίων ιστοσελίδας σας.
ΣΦΑΙΡΙΚΗ ΕΙΚΟΝΑ
Το SuperPreview είναι μια νέα ελεύθερη αυτόνομη εφαρμογή από τη Microsoft (ακόμα σε beta), η οποία σας δίνει τη δυνατότητα να δείτε πώς οι ιστότοποί σας θα εξετάζονται σε διαφορετικές εκδόσεις του Internet Explorer, καθιστώντας τη μετάβαση από το IE6 σε 7 και 8 πολύ πιο εύκολη από πριν, Μηχάνημα για να εκτελέσετε IE6, ή να έχετε έναν ξεχωριστό υπολογιστή αποκλειστικά για την εκτέλεση του IE6. Επίσης, θα απελευθερώνουν μια πληρωμένη έκδοση που θα χειρίζεται τα προγράμματα περιήγησης που δεν χρησιμοποιούν IE. Σε αυτήν την αναθεώρηση, θα συζητήσουμε μόνο την δωρεάν έκδοση. Θα ήθελα να αναφέρω ότι πρόκειται για μια πολύ πρόωρη απεικόνιση προεπισκόπησης, οπότε θα πρέπει να προστεθούν περισσότερα χαρακτηριστικά και διορθώσεις στο μέλλον.
Διαθεσιμότητα
Η beta έκδοση του SuperPreview θα ανακοινωθεί σήμερα στο συνέδριο Mix09 και θα είναι διαθέσιμη για δωρεάν download στο ευρύ κοινό λίγο αργότερα. Το λογισμικό [UPDATE] κυκλοφόρησε σήμερα πριν από το MIX09 και νωρίτερα από ό, τι είχε αρχικά αναμένεται και είναι πλέον διαθέσιμο: Κάντε λήψη του Microsoft SuperPreview
Με πλησίασε η Microsoft για να δοκιμάσω μια πρόωρη έκδοση beta και έχω συνεργαστεί με την ομάδα ανάπτυξης τους τις τελευταίες μέρες δίνοντάς τους σχόλια και προτάσεις.
Η κυκλοφοριακή έκδοση του SuperPreview για τον Internet Explorer θα είναι διαθέσιμη το καλοκαίρι του 2009.
Υπάρχει επίσης μια πλήρης έκδοση που περιλαμβάνει υποστήριξη για τον Firefox και το Safari. Αυτή είναι μια έκδοση PAID που θα είναι μέρος του Expression Web 3 . Θα έχετε την επιλογή να την ενεργοποιήσετε από το Web έκφρασης ή ως αυτόνομο. Η εκτιμώμενη ημερομηνία κυκλοφορίας είναι επίσης το καλοκαίρι του 2009.
SuperPreview
Το SuperPreview είναι μια πολύ ωραία ιδέα και είναι η πρώτη φορά που έχω δει αυτό το είδος της λειτουργίας δοκιμών του προγράμματος περιήγησης που είναι διαθέσιμη ως αυτόνομη εφαρμογή σε αντίθεση με μια φιλοξενούμενη υπηρεσία. Βασικά εισάγετε τη διεύθυνση URL (ή το τοπικό αρχείο) που θέλετε να δοκιμάσετε και σας δείχνει την προεπισκόπηση σε δύο εκδόσεις του IE ταυτόχρονα, σε ένα παράθυρο split. Έρχεται με ενσωματωμένο τον κινητήρα rendering IE6 και απαιτεί να έχετε IE7 ή IE8 για να τα συγκρίνετε .
Ένα σημαντικό μειονέκτημα είναι ότι, τουλάχιστον αυτή τη στιγμή, δεν έχουν συγκεκριμένα σχέδια να κυκλοφορήσουν μια έκδοση Mac , αν και αυτό μπορεί να προστεθεί στο μέλλον. Έπρεπε να το δοκιμάσω στο Mac μου χρησιμοποιώντας το Parallels το οποίο παράγει μερικά σφάλματα, όπως ο αργός χρόνος απόκρισης και το τρεμόπαιγμα σε μερικές από τις οθόνες φόρτωσης. Επίσης, το περιβάλλον εργασίας χρήστη είναι αρκετά ελκυστικό και δεν είναι πολύ φιλικό προς το χρήστη κατά τη γνώμη μου, αν και ισχυρίζονται ότι το καθορίζουν αυτό για την τελική απελευθέρωση.
Επίσης, δεν υπάρχει ακόμη διαθέσιμη λύση φιλοξενίας , η οποία θα ήταν ιδιαίτερα χρήσιμη για όσους από εμάς σε Mac που δεν μπορούν να εγκαταστήσουν IE για σκοπούς δοκιμής.
Βασικά χαρακτηριστικά:
- Λειτουργίες δείκτη: Σας επιτρέπει να κάνετε κλικ σε μεμονωμένες ενότητες σελίδας για σύγκριση. Το όνομα της ετικέτας HTML του τμήματος, το όνομα κλάσης ή αναγνωριστικού, το μέγεθος και η θέση εμφανίζονται στη γραμμή κατάστασης.
- Προβολή εικόνων: Συγκρίνετε το Photoshop comp με το βασικό πρόγραμμα περιήγησης για να βεβαιωθείτε ότι όλα τα στοιχεία που βρίσκονται στο πρόγραμμα περιήγησης αντιστοιχούν στον αρχικό σας σχεδιασμό.
- Αναδείξεις DOM: Μπορείτε να επισημάνετε συγκεκριμένα στοιχεία DOM για να δείτε ποια σημεία υπάρχουν μεταξύ των φυλλομετρητών. Εμφανίζει τις θέσεις των παραγόμενων στοιχείων και των ιδιοτήτων τους CSS.
- Οδηγός τοποθέτησης / Χάρακες: Χρησιμοποιήστε κυβερνήτες για να μετρήσετε τις διαφορές διάταξης μεταξύ των προγραμμάτων περιήγησης. Όταν τοποθετείτε ένα χάρακα σε ένα παράθυρο του προγράμματος περιήγησης, ο κυβερνήτης στο δεύτερο πρόγραμμα περιήγησης κινείται μαζί του.
- Προβολές διάταξης: Προβολή πλάι-πλάι είτε οριζόντια είτε κατακόρυφα ή λειτουργία επικάλυψης.
- Μεγέθυνση: Για να επιλέξετε το επίπεδο μεγέθυνσης.
- Πολλαπλές αναλύσεις: Δεν είναι ακόμη διαθέσιμες σε αυτήν την έκδοση beta, αλλά θα συμπεριληφθούν σε μελλοντικές εκδόσεις.
- Εμφάνιση μικρογραφιών: Εμφανίζει μια μικρογραφία στο κάτω μέρος κάθε πλαισίου με έναν μικροσκοπικό χάρτη όπως προβολή ολόκληρου του ιστότοπου, ώστε να μπορείτε να κάνετε γρήγορη κλικ σε διαφορετική περιοχή της σελίδας.
Παραδείγματα:
Η γραμμή εργαλείων που δείχνει τους διαφορετικούς οδηγούς και χάρακες
Οι οδηγοί και οι κυβερνήτες με τον προβολέα DOM δείχνουν τις διαφορές στην απόδοση σε IE6 και IE7
Επιλέγοντας τοπικά προγράμματα περιήγησης, απομακρυσμένα προγράμματα περιήγησης ή εικόνες (στιγμιότυπο πλήρους έκδοσης με υποστήριξη προγράμματος περιήγησης εκτός IE)
Πλεονεκτήματα:
- Δεν χρειάζεται να εγκαταστήσετε το IE6.
- Σύγκριση μεταξύ τους και επιλογή των προβολών διάταξης.
- Μπορεί να συγκρίνει το Photoshop comp με το βασικό πρόγραμμα περιήγησης.
- Οδηγοί και κυβερνήτες για τη μέτρηση των διαφορών εντοπισμού θέσης μεταξύ των προγραμμάτων περιήγησης.
- Η λειτουργία επικάλυψης θα δείξει αν υπάρχουν πολλές ασυμφωνίες.
- Η επισήμανση DOM είναι χρήσιμη για την εύρεση και ταυτοποίηση των διαφορών γρήγορα.
- Δυνατότητα ζουμ.
- Δωρεάν για προεπισκοπήσεις του προγράμματος περιήγησης IE.
- Εμφανίζει σελίδες PHP και ASPX (με την προϋπόθεση ότι έχετε εγκαταστήσει PHP στο σύστημά σας).
- Υποστηρίζει οτιδήποτε υποστηρίζει το εγγενές πρόγραμμα περιήγησης, συμπεριλαμβανομένων των Ajax και JavaScript.
Μειονεκτήματα:
- Αυτή τη στιγμή λειτουργεί με IE8 σε λειτουργία εξομοίωσης IE7, η οποία είναι προφανώς περίπου 90% καλή. Εργάζονται για την πραγματική ενσωμάτωση IE7 και IE8.
- Δεν υπάρχει ακόμα έκδοση για Mac.
- Η επιλογή "Επίλυση" δεν είναι αυτή τη στιγμή διαθέσιμη στην έκδοση beta.
- Η δωρεάν έκδοση συγκρίνεται μόνο μεταξύ διαφορετικών εκδόσεων του Internet Explorer και η πληρωμένη έκδοση συγκρίνει μόνο μεταξύ των προγραμμάτων περιήγησης που έχετε εγκαταστήσει.
- Μη ελκυστικό περιβάλλον χρήστη και εικονίδια (τουλάχιστον στην έκδοση beta).
- Η λειτουργία επικάλυψης προκαλεί σύγχυση για να προσδιορίσει ποιο πρόγραμμα περιήγησης είναι το οποίο.
- Δεν διατίθεται ακόμη φιλοξενούμενη λύση.
- Δεν υπάρχει υποστήριξη για το ActiveX (συμπεριλαμβανομένου του Flash).
- Δεν είναι δυνατή η σύγκριση με τα προγράμματα περιήγησης Mac.
- Δεν μπορείτε να κάνετε κλικ σε συνδέσμους για να περιηγηθείτε στον ιστότοπο.
- Αργός χρόνος ανανέωσης / φόρτωσης (τουλάχιστον με XP σε Mac με Parallels).
- Η προεπισκόπηση των μικρογραφιών είναι άχρηστη για πολύ μεγάλες ιστοσελίδες.
Άλλες μέθοδοι δοκιμών
Μια κοινή μέθοδος δοκιμής ενός ιστότοπου (εκτός από την εγκατάσταση ενός αριθμού προγραμμάτων περιήγησης και λειτουργικών συστημάτων) είναι να χρησιμοποιήσετε μια φιλοξενούμενη υπηρεσία που λαμβάνει στιγμιότυπα οθόνης της ιστοσελίδας σας όπως προβάλλεται σε διαφορετικά προγράμματα περιήγησης και λειτουργικά συστήματα. Εδώ είναι μερικά από τα πιο δημοφιλή:
BrowserShots
Υποστηρίζει πολλαπλά προγράμματα περιήγησης, Java, Flash, Javascript και ανάλυση οθόνης. Εύκολο στη χρήση και δωρεάν.
Φωτογραφία προγράμματος περιήγησης
Υποστηρίζει πολλαπλά προγράμματα περιήγησης και εκδόσεις, καθώς και Windows, Mac και Linux. Από 800 × 600 έως 1024 × 768. Τιμή: $ 15 για μια φορά χρήση, ή $ 150 ανά τομέα / έτος για απεριόριστη χρήση
CrossBrowserTesting
Υποστηρίζει πολλαπλά προγράμματα περιήγησης και λειτουργικά συστήματα. Πληρώνετε ανά λεπτό χρήσης. Απαιτεί Java. Δωρεάν δοκιμή.
Browsercam
Υποστηρίζει οποιοδήποτε πρόγραμμα περιήγησης, οποιοδήποτε λειτουργικό σύστημα. Περιλαμβάνει φόρμες JavaScript, DHTML και πιο δυναμική λειτουργικότητα. Επιλογή για απομακρυσμένη πρόσβαση και ανάπτυξη σελίδων για κινητά. Από 19,95 δολάρια για μία ημέρα χρήσης για καταγραφή προγράμματος περιήγησης.
BrowsrCamp
Δοκιμή του προγράμματος περιήγησης MAC OS X με στιγμιότυπα οθόνης. Από 800 ψήφισμα μέχρι 1600. Δωρεάν για Safari 3.1.2 screenshots. Αμειβόμενη υπηρεσία από $ 3 ανά ημέρα.
NetRendered
Ελέγχει πώς αποδίδεται ένας ιστότοπος από τον Internet Explorer 7, 6 ή 5.5. Ελεύθερος. 
Ηλιοτρόπιο
Ελέγχει κάθε πρόγραμμα περιήγησης και οποιαδήποτε πλατφόρμα και περιλαμβάνει εντοπισμό σφαλμάτων. 50 δοκιμή ένα μήνα είναι δωρεάν, αλλά μόνο για IE7 και Firefox 2. 23 Η υποστήριξη του προγράμματος περιήγησης ξεκινά από $ 24 ανά ημέρα. 
Τέλος, μπορείτε να εγκαταστήσετε πολλαπλά προγράμματα περιήγησης ή να χρησιμοποιήσετε εικονικές μηχανές για περαιτέρω δοκιμές.
Εικονικό Λογισμικό:
Σας επιτρέπει να εγκαταστήσετε πολλαπλά λειτουργικά συστήματα στον ίδιο υπολογιστή
Περαιτέρω ανάγνωση:
http://www.thesitewizard.com/webdesign/multiplebrowsers.shtml
http://css-discuss.incutio.com/?page=BrowserTesting
Αποποίηση ευθυνών από τον επεξεργαστή του WDD: Αυτή η ανάρτηση είναι μια προσωπική αναθεώρηση του SuperPreview. Δεν μου αποζημίωσε με οποιονδήποτε τρόπο η Microsoft ή οποιαδήποτε άλλη εταιρεία για την αναθεώρηση αυτού του προϊόντος ή των άλλων. Οι απόψεις που εκφράζονται εδώ είναι αποκλειστικά δικές μου.
Παρακαλούμε δημοσιεύστε παρακάτω τι άλλα συστήματα χρησιμοποιείτε για τον έλεγχο των σχεδίων του ιστότοπού σας σε διαφορετικά προγράμματα περιήγησης και διαφορετικές εκδόσεις.