Tarayıcılar ve cihazlar
Her biri için bilinen tuhaflıklar ve hatalar dahil olmak üzere Bootstrap tarafından desteklenen modernden eskiye tüm tarayıcılar ve cihazlar hakkında bilgi edinin.
Desteklenen tarayıcılar
Bootstrap , tüm büyük tarayıcıların ve platformların en son, kararlı sürümlerini destekler.
Doğrudan veya platformun web görünümü API'si aracılığıyla WebKit, Blink veya Gecko'nun en son sürümünü kullanan alternatif tarayıcılar açıkça desteklenmez. Ancak, Bootstrap (çoğu durumda) bu tarayıcılarda da düzgün şekilde görüntülenmeli ve çalışmalıdır. Daha spesifik destek bilgileri aşağıda verilmiştir.
Desteklenen tarayıcı yelpazemizi ve sürümlerini şurada bulabilirsiniz.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
Bu tarayıcı sürümlerini yönetmek için Browserslist'i kullanan CSS önekleri aracılığıyla amaçlanan tarayıcı desteğini işlemek için Autoprefixer kullanıyoruz. Bu araçları projelerinize nasıl entegre edeceğiniz konusunda belgelerine bakın.
Mobil cihazlar
Genel olarak konuşursak, Bootstrap her büyük platformun varsayılan tarayıcılarının en son sürümlerini destekler. Proxy tarayıcılarının (Opera Mini, Opera Mobile'ın Turbo modu, UC Tarayıcı Mini, Amazon Silk gibi) desteklenmediğini unutmayın.
Krom | Firefox | Safari | Android Tarayıcı ve Web Görünümü | |
---|---|---|---|---|
Android | Desteklenen | Desteklenen | - | v6.0+ |
iOS | Desteklenen | Desteklenen | Desteklenen | - |
Masaüstü tarayıcılar
Benzer şekilde, çoğu masaüstü tarayıcısının en son sürümleri desteklenir.
Krom | Firefox | Microsoft Kenarı | Opera | Safari | |
---|---|---|---|---|---|
Mac | Desteklenen | Desteklenen | Desteklenen | Desteklenen | Desteklenen |
pencereler | Desteklenen | Desteklenen | Desteklenen | Desteklenen | - |
Firefox için, en son normal kararlı sürüme ek olarak, Firefox'un en son Genişletilmiş Destek Sürümü (ESR) sürümünü de destekliyoruz.
Resmi olmayan bir şekilde, Bootstrap, resmi olarak desteklenmese de Linux için Chromium ve Chrome'da ve Linux için Firefox'ta yeterince iyi görünmeli ve davranmalıdır.
Internet Explorer
Internet Explorer desteklenmiyor. Internet Explorer desteğine ihtiyacınız varsa lütfen Bootstrap v4'ü kullanın.
Mobil cihazlarda modlar ve açılır menüler
Taşma ve kaydırma
Öğe için destek overflow: hidden;
, <body>
iOS ve Android'de oldukça sınırlıdır. Bu amaçla, bu cihazların tarayıcılarından herhangi birinde bir modalın üstünü veya altını geçtiğinizde <body>
içerik kaymaya başlar. Bkz. Chrome hatası #175502 (Chrome v40'ta düzeltildi) ve WebKit hatası #153852 .
iOS metin alanları ve kaydırma
iOS 9.2'den itibaren, bir kip açıkken, bir kaydırma hareketinin ilk dokunuşu bir metinsel <input>
veya a sınırı içindeyse, kipin kendisi yerine kipin altındaki içerik kaydırılacaktır <textarea>
. WebKit hatası #153856'ya<body>
bakın .
Gezinme Çubuğu Açılır Listeleri
Öğe , .dropdown-backdrop
z-endekslemenin karmaşıklığı nedeniyle gezinmede iOS'ta kullanılmaz. Bu nedenle, gezinme çubuklarındaki açılır listeleri kapatmak için, doğrudan açılır öğeye (veya iOS'ta bir tıklama olayını tetikleyecek herhangi bir başka öğeye ) tıklamanız gerekir.
Tarayıcı yakınlaştırma
Sayfa yakınlaştırma, kaçınılmaz olarak hem Bootstrap'ta hem de web'in geri kalanında bazı bileşenlerde görüntü oluşturma kusurları sunar. Soruna bağlı olarak, sorunu çözebiliriz (önce arama yapın ve gerekirse bir sorun açın). Ancak, genellikle geçici çözümlerden başka doğrudan bir çözümleri olmadığı için bunları görmezden gelme eğilimindeyiz.
Doğrulayıcılar
Bootstrap, eski ve sorunlu tarayıcılara mümkün olan en iyi deneyimi sağlamak için, tarayıcılardaki hataları gidermek için belirli tarayıcı sürümlerine özel CSS'yi hedeflemek için çeşitli yerlerde CSS tarayıcı hack'lerini kullanır. Bu saldırılar anlaşılır bir şekilde CSS doğrulayıcılarının geçersiz olduklarından şikayet etmelerine neden olur. Birkaç yerde, henüz tam olarak standartlaştırılmamış olan son teknoloji CSS özelliklerini de kullanıyoruz, ancak bunlar yalnızca aşamalı geliştirme için kullanılıyor.
Bu doğrulama uyarıları, CSS'mizin korsan olmayan kısmı tam olarak doğrulandığından ve hileli kısımlar, korsan olmayan kısmın düzgün çalışmasına müdahale etmediğinden pratikte önemli değildir, bu nedenle bu özel uyarıları kasten görmezden gelmemizin nedeni budur.
HTML belgelerimiz de benzer şekilde, belirli bir Firefox hatası için bir geçici çözüm eklediğimiz için bazı önemsiz ve önemsiz HTML doğrulama uyarılarına sahiptir .