Προγράμματα περιήγησης και συσκευές
Μάθετε για τα προγράμματα περιήγησης και τις συσκευές, από μοντέρνα έως παλιά, που υποστηρίζονται από το Bootstrap, συμπεριλαμβανομένων των γνωστών παραξενιών και σφαλμάτων για το καθένα.
Υποστηριζόμενα προγράμματα περιήγησης
Το Bootstrap υποστηρίζει τις πιο πρόσφατες, σταθερές εκδόσεις όλων των μεγάλων προγραμμάτων περιήγησης και πλατφορμών.
Τα εναλλακτικά προγράμματα περιήγησης που χρησιμοποιούν την πιο πρόσφατη έκδοση του WebKit, του Blink ή του Gecko, είτε απευθείας είτε μέσω του API προβολής ιστού της πλατφόρμας, δεν υποστηρίζονται ρητά. Ωστόσο, το Bootstrap θα πρέπει (στις περισσότερες περιπτώσεις) να εμφανίζει και να λειτουργεί σωστά και σε αυτά τα προγράμματα περιήγησης. Πιο συγκεκριμένες πληροφορίες υποστήριξης παρέχονται παρακάτω.
Μπορείτε να βρείτε την υποστηριζόμενη γκάμα προγραμμάτων περιήγησης και τις εκδόσεις τους στα.browserslistrc file
:
# https://github.com/browserslist/browserslist#readme
>= 0.5%
last 2 major versions
not dead
Chrome >= 60
Firefox >= 60
Firefox ESR
iOS >= 12
Safari >= 12
not Explorer <= 11
Χρησιμοποιούμε το Autoprefixer για να χειριστούμε την προβλεπόμενη υποστήριξη του προγράμματος περιήγησης μέσω προθεμάτων CSS, το οποίο χρησιμοποιεί τη λίστα περιηγητών για τη διαχείριση αυτών των εκδόσεων του προγράμματος περιήγησης. Συμβουλευτείτε την τεκμηρίωσή τους για το πώς να ενσωματώσετε αυτά τα εργαλεία στα έργα σας.
Κινητές συσκευές
Σε γενικές γραμμές, το Bootstrap υποστηρίζει τις πιο πρόσφατες εκδόσεις των προεπιλεγμένων προγραμμάτων περιήγησης κάθε μεγάλης πλατφόρμας. Σημειώστε ότι τα προγράμματα περιήγησης μεσολάβησης (όπως Opera Mini, Opera Mobile's Turbo mode, UC Browser Mini, Amazon Silk) δεν υποστηρίζονται.
Χρώμιο | Firefox | Σαφάρι | Android Browser & WebView | |
---|---|---|---|---|
Android | Υποστηρίζεται | Υποστηρίζεται | — | v6.0+ |
iOS | Υποστηρίζεται | Υποστηρίζεται | Υποστηρίζεται | — |
Προγράμματα περιήγησης για επιτραπέζιους υπολογιστές
Ομοίως, υποστηρίζονται οι πιο πρόσφατες εκδόσεις των περισσότερων προγραμμάτων περιήγησης για επιτραπέζιους υπολογιστές.
Χρώμιο | Firefox | Microsoft Edge | ΛΥΡΙΚΗ ΣΚΗΝΗ | Σαφάρι | |
---|---|---|---|---|---|
Μακ | Υποστηρίζεται | Υποστηρίζεται | Υποστηρίζεται | Υποστηρίζεται | Υποστηρίζεται |
Windows | Υποστηρίζεται | Υποστηρίζεται | Υποστηρίζεται | Υποστηρίζεται | — |
Για τον Firefox, εκτός από την πιο πρόσφατη κανονική σταθερή έκδοση, υποστηρίζουμε επίσης την τελευταία έκδοση Extended Support Release (ESR) του Firefox.
Ανεπίσημα, το Bootstrap θα πρέπει να φαίνεται και να συμπεριφέρεται αρκετά καλά στο Chromium και στο Chrome για Linux και στον Firefox για Linux, αν και δεν υποστηρίζονται επίσημα.
Internet Explorer
Ο Internet Explorer δεν υποστηρίζεται. Εάν χρειάζεστε υποστήριξη του Internet Explorer, χρησιμοποιήστε το Bootstrap v4.
Τρόποι και αναπτυσσόμενα στοιχεία σε κινητά
Υπερχείλιση και κύλιση
Η υποστήριξη για overflow: hidden;
το <body>
στοιχείο είναι αρκετά περιορισμένη σε iOS και Android. Για το σκοπό αυτό, όταν κάνετε κύλιση πέρα από το επάνω ή το κάτω μέρος ενός modal σε κάποιο από τα προγράμματα περιήγησης αυτών των συσκευών, το <body>
περιεχόμενο θα αρχίσει να κύλιση. Δείτε το σφάλμα Chrome #175502 (διορθώθηκε στο Chrome v40) και το σφάλμα WebKit #153852 .
Πεδία κειμένου iOS και κύλιση
Από το iOS 9.2, ενώ ένα modal είναι ανοιχτό, εάν το αρχικό άγγιγμα μιας κίνησης κύλισης βρίσκεται εντός των ορίων ενός κειμένου <input>
ή ενός <textarea>
, το <body>
περιεχόμενο κάτω από το modal θα πραγματοποιηθεί κύλιση αντί για το ίδιο το modal. Δείτε το σφάλμα WebKit #153856 .
Αναπτυσσόμενα μενού γραμμής πλοήγησης
Το .dropdown-backdrop
στοιχείο δεν χρησιμοποιείται στο iOS στην πλοήγηση λόγω της πολυπλοκότητας της ευρετηρίασης z. Επομένως, για να κλείσετε τα αναπτυσσόμενα μενού στις γραμμές πλοήγησης, πρέπει να κάνετε απευθείας κλικ στο αναπτυσσόμενο στοιχείο (ή σε οποιοδήποτε άλλο στοιχείο που θα ενεργοποιήσει ένα συμβάν κλικ στο iOS ).
Μεγέθυνση προγράμματος περιήγησης
Η μεγέθυνση σελίδας αναπόφευκτα παρουσιάζει τεχνουργήματα απόδοσης σε ορισμένα στοιχεία, τόσο στο Bootstrap όσο και στον υπόλοιπο ιστό. Ανάλογα με το πρόβλημα, ενδέχεται να είμαστε σε θέση να το διορθώσουμε (πρώτα κάντε αναζήτηση και μετά ανοίξτε ένα πρόβλημα εάν χρειάζεται). Ωστόσο, τείνουμε να τα αγνοούμε, καθώς συχνά δεν έχουν άμεση λύση εκτός από τυχαίες λύσεις.
Επικυρωτές
Προκειμένου να παρέχει την καλύτερη δυνατή εμπειρία σε παλιά προγράμματα περιήγησης με σφάλματα, το Bootstrap χρησιμοποιεί παραβιάσεις του προγράμματος περιήγησης CSS σε διάφορα σημεία για να στοχεύσει ειδικά CSS σε ορισμένες εκδόσεις του προγράμματος περιήγησης, προκειμένου να επιλύσει σφάλματα στα ίδια τα προγράμματα περιήγησης. Αυτές οι εισβολές αναγκάζουν τους υπεύθυνους επικύρωσης CSS να παραπονεθούν ότι δεν είναι έγκυρες. Σε μερικά σημεία, χρησιμοποιούμε επίσης λειτουργίες αιμορραγίας CSS που δεν είναι ακόμη πλήρως τυποποιημένες, αλλά χρησιμοποιούνται καθαρά για προοδευτική βελτίωση.
Αυτές οι προειδοποιήσεις επικύρωσης δεν έχουν καμία σημασία στην πράξη, καθώς το μη χακαρισμένο τμήμα του CSS μας επικυρώνει πλήρως και τα τυχαία τμήματα δεν παρεμβαίνουν στη σωστή λειτουργία του μη χακαρισμένου τμήματος, επομένως γιατί αγνοούμε εσκεμμένα αυτές τις συγκεκριμένες προειδοποιήσεις.
Τα έγγραφά μας HTML έχουν επίσης κάποιες ασήμαντες και ασήμαντες προειδοποιήσεις επικύρωσης HTML λόγω της συμπερίληψης μιας λύσης για ένα συγκεκριμένο σφάλμα του Firefox .