Καθώς περιηγείστε στον ιστό, δεν είναι ασυνήθιστο να συναντήσετε ιστότοπους που φαίνονται διαφορετικοί από τη μια συσκευή στην άλλη. Ίσως ορισμένα χαρακτηριστικά δεν λειτουργούν καθόλου.
Συχνά, αυτό δεν είναι ένα πρόβλημα με την ιστοσελίδα. Είναι ο browser σας. Οι πέντε βασικοί περιηγητές επιφάνειας εργασίας χρησιμοποιούν τέσσερις διαφορετικές "μηχανές επιδόσεων" για την εμφάνιση μιας ιστοσελίδας - το νέο πρόγραμμα περιήγησης Microsoft Edge, το Microsoft Gets the Edge, 1 δισεκατομμύριο συσκευές που τρέχουν τα Windows 10 και περισσότερα ... Η Microsoft παίρνει την άκρη, Η Microsoft έχει την άκρη, τα Windows 10 είναι τεράστια, το μυστικό κλείνει, ενσωματώνει τα παιχνίδια MS-DOS σε tweets, κερδίζει χρήματα από τους Silent Hills και παρακολουθεί τον Michael Bay να πάρει που παρουσιάστηκε από έναν ερασιτέχνη κινηματογραφιστή. Διαβάστε περισσότερα για τα Windows 10 θα εισαγάγει ένα πέμπτο - και το καθένα λειτουργεί διαφορετικά.
Αυτό σημαίνει ότι η εμπειρία του ιστού μπορεί να αλλάξει ανάλογα με το πρόγραμμα περιήγησης που χρησιμοποιείτε και ακόμα και ποια έκδοση αυτού του προγράμματος περιήγησης.
Τι είναι η μηχανή αποδόμησης;
Μια ιστοσελίδα δεν είναι μια ενιαία οντότητα που μεταφορτώνεται και εμφανίζεται στην οθόνη ένα pixel τη φορά. Αντ 'αυτού είναι ουσιαστικά μια σειρά οδηγιών γραμμένες σε διάφορους τύπους κώδικα - HTML, CSS, JavaScript Τι είναι το JavaScript, και μπορεί το Διαδίκτυο να υπάρχει χωρίς αυτό; Τι είναι το JavaScript, και μπορεί το Διαδίκτυο να υπάρχει χωρίς αυτό; Το JavaScript είναι ένα από αυτά που πολλοί θεωρούν δεδομένους. Όλοι το χρησιμοποιούν. Διαβάστε περισσότερα, PHP και άλλα - που λένε στο πρόγραμμα περιήγησης τι να κάνει και πού και πώς να το κάνει.
Κάθε πρόγραμμα περιήγησης χρησιμοποιεί μια μηχανή απόδοση, μερικές φορές επίσης αναφέρεται ως μηχανή διάταξης, για να πάρει τις πληροφορίες περιεχομένου και styling που περιέχονται στον κώδικα και να την εμφανίσει στην οθόνη σε πλήρως μορφοποιημένη μορφή.
Το πρόβλημα είναι ότι δεν υπάρχει ούτε μία μηχανή απόδοσης που να χρησιμοποιείται σε κάθε πρόγραμμα περιήγησης. Και ενώ κάθε γλώσσα ορίζεται από μια λεπτομερή προδιαγραφή, ο κινητήρας μπορεί να προσφέρει μόνο μια ερμηνεία της συγκεκριμένης προδιαγραφής.
Με το CSS (ο κώδικας που παρέχει τις πληροφορίες σχεδίασης CSSmatic: Γρήγορα & Βολικά Δημιουργία CSS3 Φύλλα Στυλ μέσω Πολλαπλών Εργαλεία Διαδικτύου CSSmatic: Γρήγορη & Βολική Δημιουργία CSS3 Φύλλα Στυλ μέσω Πολλαπλών Online Εργαλείων Διαβάστε περισσότερα) ειδικότερα, κανένας κινητήρας δεν παράγει ακριβώς τα ίδια αποτελέσματα. Μερικές φορές, οι διαφορές μπορεί να ανέρχονται μόνο στο περίεργο ελάττωμα του εικονοστοιχείου εδώ ή εκεί, αλλά μερικές φορές μπορεί να είναι πιο ριζικά διαφορετικές.
Ποια προγράμματα περιήγησης χρησιμοποιούν τους κινητήρες
Υπάρχουν τέσσερις κύριες μηχανές απόδοσης που χρησιμοποιούν τα πιο δημοφιλή προγράμματα περιήγησης.
- WebKit: ένας μηχανισμός ανοιχτού κώδικα που χρησιμοποιείται από το Safari στο OS X Ο τελευταίος οδηγός για την προσαρμογή του Safari σε Mac Ο τελευταίος οδηγός για την προσαρμογή του Safari σε Mac Προσαρμόστε το Safari. Από την προσθήκη favicons στις καρτέλες σας για να αλλάξετε τον τρόπο εμφάνισης του Reader Mode, το πρόγραμμα περιήγησης ιστού της Apple είναι πιο ευέλικτο από ό, τι νομίζετε. Διαβάστε περισσότερα και iOS, καθώς και πολλά άλλα προγράμματα περιήγησης σε κινητές συσκευές, συμπεριλαμβανομένου του εγγενούς προγράμματος περιήγησης Android.
- Αναβοσβήνει: ένας μηχανισμός ανοιχτού κώδικα που βασίζεται στο WebKit, εξάγει το Chrome, το Opera, το Amazon Silk και το WebView του Android (το πρόγραμμα περιήγησης που ανοίγει μέσα σε εφαρμογές).
- Gecko: ένας μηχανισμός ανοιχτού κώδικα που αναπτύχθηκε από το Mozilla Foundation, χρησιμοποιείται από τον Firefox.
- Trident: μια ιδιόκτητη μηχανή που αναπτύχθηκε από τη Microsoft και χρησιμοποιείται στον Internet Explorer. Το πρόγραμμα περιήγησης Microsoft Edge θα χρησιμοποιήσει μια νεότερη έκδοση που ονομάζεται EdgeHTML.
Πρότυπα ιστού
Το χάσμα μεταξύ των διαφορετικών μηχανών rendering είναι πολύ μικρότερο από ό, τι ήταν όταν ο Internet Explorer ήταν ο κυρίαρχος browser Ο Internet Explorer κάνει μια μεγάλη επιστροφή το 2015; Ο Internet Explorer κάνει μια μεγάλη επιστροφή το 2015; Η Microsoft δεν έχει πλέον να προσφέρει στους χρήστες των Windows Windows μια επιλογή από προγράμματα περιήγησης. Επιπλέον, η Microsoft εργάζεται σε ένα νέο πρόγραμμα περιήγησης. Παρ 'όλα αυτά, θα σας δείξουμε πώς να εγκαταστήσετε τον αγαπημένο σας browser χωρίς να αγγίζετε τον IE. Διαβάστε περισσότερα .
Δοκιμές όπως το acid3 δείχνουν με ακρίβεια πώς ένα πρόγραμμα περιήγησης προβάλλει μια σελίδα και τα περισσότερα σύγχρονα προγράμματα περιήγησης βαθμολογούνται πολύ. Ωστόσο, η συμμόρφωση με τα πρότυπα είναι ένα εξαιρετικά πολύπλοκο έργο.
Οι προδιαγραφές για HTML, CSS και άλλες είναι τεράστιες. Προστίθενται νέα στοιχεία. παλιά, αχρησιμοποίητα ή ξεπερασμένα. Μπορεί να χρειαστεί πολύς χρόνος για να απεικονίσουν οι μηχανές αυτές αυτές τις αλλαγές.
Ορισμένα στοιχεία στις προδιαγραφές HTML5 και CSS εξακολουθούν να μην υποστηρίζονται από κανένα πρόγραμμα περιήγησης mainstream, μερικά μόνο μερικά υποστηρίζονται, ενώ άλλα εξακολουθούν να υποστηρίζονται από ορισμένα προγράμματα περιήγησης αλλά όχι όλα.
Ο ιστότοπος html5test.com σάς δίνει τη δυνατότητα να δοκιμάσετε το πρόγραμμα περιήγησης και τη συγκεκριμένη έκδοση που εκτελείτε, για να δείτε πόσο καλά υποστηρίζει τόσο τις επίσημες όσο και τις πειραματικές δυνατότητες του HTML5. Κατά το χρόνο της γραφής, το Chrome κατατάσσεται ως το καλύτερο από τα μεγάλα προγράμματα περιήγησης Ποιό πρόγραμμα περιήγησης ιστού είναι το πιο ασφαλές; Ποιο πρόγραμμα περιήγησης στο Web είναι το πιο ασφαλές; Ποιο πρόγραμμα περιήγησης είναι το πιο ασφαλές; Ποια πρέπει να εγκαταστήσετε για να βεβαιωθείτε ότι η εμπειρία περιήγησής σας είναι ασφαλής; Τι μπορείτε να κάνετε για να βεβαιωθείτε ότι το υπάρχον πρόγραμμα περιήγησης είναι όσο το δυνατόν πιο ασφαλές; Διαβάστε περισσότερα, με την χαμηλότερη κατάταξη του Internet Explorer (v11).
Αν ένας προγραμματιστής ιστού χρησιμοποιεί μια λειτουργία που υποστηρίζεται σε ένα πρόγραμμα περιήγησης αλλά όχι σε άλλο, το μη υποστηριζόμενο πρόγραμμα περιήγησης πρέπει είτε να ρυθμίσει σε ισοδύναμο επίπεδο είτε να αγνοήσει εντελώς τη λειτουργία (για παράδειγμα, ένα διαφανές πλαίσιο θα μπορούσε να καταστεί αδιαφανές).
Αυτό καθιστά την εργασία της rendering ιστοσελίδες πολύ πιο περίπλοκη από ό, τι εμφανίζεται. Ένα πρόγραμμα περιήγησης που ενημερώνεται συχνότερα είναι πιθανό να είναι πιο συμβατό με τα πρότυπα από το ένα που δεν είναι, όπως τονίζεται από τις κανονικές αυτόματες ενημερώσεις του Chrome σε σύγκριση με τις πολύ πιο αραιές ενημερώσεις IE.
Και υπάρχουν και άλλοι παράγοντες στο παιχνίδι.
- Σφάλματα στον κινητήρα: Μια μηχανή απόδοσης είναι λογισμικό και όλο το λογισμικό περιέχει σφάλματα. Παρόλο που τα κρίσιμα σφάλματα θα βρεθούν και θα ακυρωθούν γρήγορα, είναι αδύνατο να εγγυηθεί κανείς ότι ένας συγκεκριμένος συνδυασμός κώδικα σε μια ιστοσελίδα δεν θα παράγει απροσδόκητα αποτελέσματα κατά την απόδοση
- Σφάλματα στην ιστοσελίδα: Τα προγράμματα περιήγησης έχουν ενσωματωμένο ένα ορισμένο επίπεδο ανοχής σφάλματος, αλλά αυτό θα διαφέρει από τη μία μηχανή στην άλλη. Μια ιστοσελίδα με σφάλματα στον κώδικα μπορεί ακόμα να αποδίδεται τέλεια σε ένα πρόγραμμα περιήγησης, αλλά να καταστρέφεται φρικτά σε άλλο
- Γραμματοσειρές: Ο τρόπος με τον οποίο εμφανίζονται οι γραμματοσειρές δεν γίνεται από το πρόγραμμα περιήγησης αλλά από το λειτουργικό σύστημα. Τα Windows και το OS X αποδίδουν διαφορετικά τις γραμματοσειρές Πώς να κάνετε τις γραμματοσειρές των Windows να μοιάζουν με τις γραμματοσειρές Mac Πώς να κάνετε τις γραμματοσειρές των Windows να μοιάζουν με τις γραμματοσειρές Mac Τα candy eye δεν είναι ένα forte των Windows. Το σύγχρονο UI (γνωστό και ως Metro) έφερε βελτιώσεις, αλλά εξακολουθεί να στερείται σε μία σημαντική περιοχή: γραμματοσειρές. Σας δείχνουμε πώς μπορείτε να πάρετε όμορφη εξομάλυνση γραμματοσειρών στα Windows. Διαβάστε περισσότερα, οπότε ακόμη και η ίδια γραμματοσειρά στο ίδιο πρόγραμμα περιήγησης μπορεί να φαίνεται διαφορετική όταν προβάλλεται σε διαφορετικές πλατφόρμες
- Κληρονομιά: Τα προγράμματα περιήγησης συχνά υιοθετούν νέα χαρακτηριστικά, ειδικά για το CSS, προτού γίνουν μέρος των επίσημων προδιαγραφών. Εάν η υλοποίηση του χαρακτηριστικού αλλάξει κατά την έγκρισή του, ο προγραμματιστής του προγράμματος περιήγησης πρέπει να αποφασίσει εάν θα υιοθετήσει την αλλαγή και θα αποτρέψει τον κίνδυνο να σπάσει τη συμβατότητα με χιλιάδες ιστότοπους που έχουν σχεδιαστεί για την παλιά έκδοση ή θα αγνοήσει πλήρως τη νέα έκδοση
- Ιδιόκτητα χαρακτηριστικά: Ορισμένα προγράμματα περιήγησης ενδέχεται να χρησιμοποιούν αποκλειστικές τεχνολογίες που δεν είναι διαθέσιμες αλλού. Αυτό έγινε πιο γνωστό με το ActiveX της Microsoft στον Internet Explorer, αν και η εταιρεία δεν θα το χρησιμοποιήσει στο νέο πρόγραμμα περιήγησης Microsoft Edge
Τύλιξε
Με τόσα πολλά ζητήματα που εμπλέκονται, δεν αποτελεί έκπληξη ότι οι διαφορές στον τρόπο με τον οποίο τα προγράμματα περιήγησης χειρίζονται ιστοσελίδες εξακολουθούν να υφίστανται.
Η κατάσταση βελτιώνεται, αλλά είναι απίθανο να επιλυθεί πλήρως. Θα βοηθούσε αν ο καθένας έτρεχε την τελευταία έκδοση του προγράμματος περιήγησης που επέλεξε, αλλά με τον εξαετή Internet Explorer 8 εξακολουθεί να διατηρεί μερίδιο αγοράς 4, 5%, αυτό είναι πολύ μακριά.
Ποιο πρόγραμμα περιήγησης χρησιμοποιείτε και το κρατάτε ενημερωμένο; Έχετε βρει ιστοσελίδες που δεν λειτουργούν με το επιλεγμένο πρόγραμμα περιήγησης; Ενημερώστε μας στα σχόλια.
Image credits: Συσκευές μέσω του Jeremy Keith, μη υποστηριζόμενου προγράμματος περιήγησης μέσω του Duncan Hill