Przeglądarki i urządzenia

Dowiedz się o przeglądarkach i urządzeniach, od nowoczesnych po stare, które są obsługiwane przez Bootstrap, w tym o znanych dziwactwach i błędach dla każdego z nich.

Na tej stronie

Obsługiwane przeglądarki

Bootstrap obsługuje najnowsze, stabilne wydania wszystkich głównych przeglądarek i platform.

Alternatywne przeglądarki, które korzystają z najnowszej wersji WebKit, Blink lub Gecko, bezpośrednio lub za pośrednictwem interfejsu API widoku internetowego platformy, nie są wyraźnie obsługiwane. Jednak Bootstrap powinien (w większości przypadków) wyświetlać się i działać poprawnie również w tych przeglądarkach. Bardziej szczegółowe informacje dotyczące pomocy znajdują się poniżej.

Możesz znaleźć naszą obsługiwaną gamę przeglądarek i ich wersje w naszym.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

Używamy Autoprefixera do obsługi zamierzonej obsługi przeglądarek za pomocą prefiksów CSS, który wykorzystuje Browserslist do zarządzania tymi wersjami przeglądarek. Zapoznaj się z ich dokumentacją, aby dowiedzieć się, jak zintegrować te narzędzia ze swoimi projektami.

Urządzenia mobilne

Ogólnie rzecz biorąc, Bootstrap obsługuje najnowsze wersje domyślnych przeglądarek każdej z głównych platform. Pamiętaj, że przeglądarki proxy (takie jak Opera Mini, tryb Turbo Opera Mobile, UC Browser Mini, Amazon Silk) nie są obsługiwane.

	Chrom	Firefox	Safari	Przeglądarka Android i WebView
Android	Utrzymany	Utrzymany	—	v6.0+
iOS	Utrzymany	Utrzymany	Utrzymany	—

Przeglądarki komputerowe

Podobnie obsługiwane są najnowsze wersje większości przeglądarek komputerowych.

	Chrom	Firefox	Microsoft Edge	Opera	Safari
Prochowiec	Utrzymany	Utrzymany	Utrzymany	Utrzymany	Utrzymany
Okna	Utrzymany	Utrzymany	Utrzymany	Utrzymany	—

W przypadku przeglądarki Firefox, poza najnowszą normalną stabilną wersją, obsługujemy również najnowszą wersję programu Firefox Extended Support Release (ESR) .

Nieoficjalnie Bootstrap powinien wyglądać i zachowywać się wystarczająco dobrze w Chromium i Chrome dla Linuksa oraz Firefoksie dla Linuksa, chociaż nie są one oficjalnie obsługiwane.

Internet Explorer

Internet Explorer nie jest obsługiwany. Jeśli potrzebujesz wsparcia dla przeglądarki Internet Explorer, użyj Bootstrap v4.

Modals i listy rozwijane na urządzeniach mobilnych

Przepełnienie i przewijanie

Wsparcie dla overflow: hidden;elementu <body>jest dość ograniczone w iOS i Androidzie. W tym celu, gdy przewiniesz górną lub dolną część modalności w jednej z przeglądarek tych urządzeń, <body>zawartość zacznie się przewijać. Zobacz błąd Chrome #175502 (naprawiony w Chrome v40) i błąd WebKit #153852 .

Pola tekstowe i przewijanie iOS

Od iOS 9.2, gdy mod jest otwarty, jeśli pierwsze dotknięcie gestu przewijania znajduje się w granicach tekstu <input>lub <textarea>, <body>zawartość pod modą zostanie przewinięta zamiast samego modalu. Zobacz błąd nr 153856 dotyczący WebKit .

Element .dropdown-backdropnie jest używany w systemie iOS w nawigacji ze względu na złożoność indeksowania Z. Tak więc, aby zamknąć listy rozwijane w paskach nawigacyjnych, musisz bezpośrednio kliknąć element listy rozwijanej (lub dowolny inny element, który wywoła zdarzenie kliknięcia w systemie iOS ).

Powiększanie przeglądarki

Powiększanie strony nieuchronnie przedstawia artefakty renderowania w niektórych komponentach, zarówno w Bootstrap, jak iw pozostałej części sieci. W zależności od problemu możemy go naprawić (najpierw wyszukaj, a następnie otwórz problem, jeśli zajdzie taka potrzeba). Jednak zwykle je ignorujemy, ponieważ często nie mają one bezpośredniego rozwiązania poza hakerskimi obejściami.

Walidatory

Aby zapewnić najlepszą możliwą obsługę starym i błędnym przeglądarkom, Bootstrap wykorzystuje w kilku miejscach hacki CSS przeglądarki , aby kierować specjalny CSS do niektórych wersji przeglądarek w celu obejścia błędów w samych przeglądarkach. Te hacki, co zrozumiałe, powodują, że walidatory CSS narzekają, że są nieprawidłowe. W kilku miejscach używamy również najnowocześniejszych funkcji CSS, które nie są jeszcze w pełni ustandaryzowane, ale służą wyłącznie do progresywnego ulepszania.

Te ostrzeżenia walidacyjne nie mają znaczenia w praktyce, ponieważ niehackowa część naszego CSS w pełni się sprawdza, a zhakowane części nie zakłócają prawidłowego funkcjonowania niehackowanej części, dlatego celowo ignorujemy te konkretne ostrzeżenia.

Nasza dokumentacja HTML również zawiera kilka trywialnych i nieistotnych ostrzeżeń dotyczących sprawdzania poprawności HTML z powodu włączenia obejścia pewnego błędu w Firefoksie .