Browser lan piranti

Sinau babagan browser lan piranti, saka modern nganti lawas, sing didhukung dening Bootstrap, kalebu quirks lan bug sing dikenal kanggo saben.

Ing kaca iki

Browser sing didhukung

Bootstrap ndhukung rilis paling anyar lan stabil saka kabeh browser lan platform utama.

Browser alternatif sing nggunakake WebKit, Blink, utawa Gecko versi paling anyar, langsung utawa liwat API tampilan web platform, ora didhukung kanthi jelas. Nanging, Bootstrap kudu (ing umume kasus) nampilake lan bisa digunakake kanthi bener ing browser kasebut. Informasi dhukungan sing luwih spesifik diwenehake ing ngisor iki.

Sampeyan bisa nemokake macem-macem browser sing didhukung lan versi ing.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

Kita nggunakake Autoprefixer kanggo nangani dhukungan browser sing dituju liwat awalan CSS, sing nggunakake Browserslist kanggo ngatur versi browser kasebut. Rujuk dokumentasi babagan cara nggabungake alat kasebut menyang proyek sampeyan.

Piranti seluler

Umumé, Bootstrap ndhukung versi paling anyar saka saben browser standar platform utama. Elinga yen browser proxy (kayata Opera Mini, mode Turbo Opera Mobile, UC Browser Mini, Amazon Silk) ora didhukung.

	Chrome	Firefox	Safari	Browser Android & Tampilan Web
Android	Didhukung	Didhukung	—	v6.0+
iOS	Didhukung	Didhukung	Didhukung	—

Browser desktop

Kajaba iku, versi paling anyar saka akeh browser desktop didhukung.

	Chrome	Firefox	Microsoft Edge	Opera	Safari
Mac	Didhukung	Didhukung	Didhukung	Didhukung	Didhukung
Windows	Didhukung	Didhukung	Didhukung	Didhukung	—

Kanggo Firefox, saliyane release stabil normal paling anyar, kita uga ndhukung versi Extended Support Release (ESR) Firefox paling anyar.

Ora resmi, Bootstrap kudu katon lan tumindak kanthi becik ing Chromium lan Chrome kanggo Linux, lan Firefox kanggo Linux, sanajan ora didhukung kanthi resmi.

Internet Explorer

Internet Explorer ora didhukung. Yen sampeyan mbutuhake dhukungan Internet Explorer, gunakake Bootstrap v4.

Modal lan dropdown ing seluler

Overflow lan nggulung

Dhukungan kanggo overflow: hidden;unsur <body>cukup winates ing iOS lan Android. Kanggo tujuan kasebut, nalika sampeyan nggulung liwat ndhuwur utawa ngisor modal ing salah siji saka browser piranti kasebut, <body>konten kasebut bakal mulai digulung. Waca bug Chrome #175502 (didandani ing Chrome v40) lan bug WebKit #153852 .

kolom teks iOS lan nggulung

Ing iOS 9.2, nalika modal mbukak, yen tutul awal sadurunge nyeret gulung ana ing wates teks <input>utawa a <textarea>, <body>isi ing ngisor modal bakal digulung tinimbang modal dhewe. Waca bug WebKit #153856 .

Unsur .dropdown-backdropiki ora digunakake ing iOS ing nav amarga kerumitan z-indeksasi. Mangkono, kanggo nutup dropdowns ing navbars, sampeyan kudu langsung klik unsur gulung mudhun (utawa unsur liyane sing bakal murub acara klik ing iOS ).

Zooming browser

Zooming kaca mesthi nampilake artefak rendering ing sawetara komponen, ing Bootstrap lan liyane ing web. Gumantung saka masalah kasebut, kita bisa uga bisa ndandani (telusuri dhisik banjur mbukak masalah yen perlu). Nanging, kita cenderung nglirwakake iki amarga asring ora duwe solusi langsung kajaba solusi hacky.

Validator

Kanggo nyedhiyakake pengalaman sing paling apik kanggo browser lawas lan buggy, Bootstrap nggunakake hack browser CSS ing sawetara panggonan kanggo ngarahake CSS khusus menyang versi browser tartamtu supaya bisa ngatasi bug ing browser kasebut. Hacks iki bisa dingerteni nyebabake validator CSS sambat yen dheweke ora sah. Ing sawetara panggonan, kita uga nggunakake fitur CSS bleeding-edge sing durung distandarisasi kanthi lengkap, nanging iki digunakake kanggo nambah progresif.

Bebaya validasi iki ora masalah ing praktik amarga bagean sing ora diretas saka CSS kita wis divalidasi kanthi lengkap lan bagean sing diretas ora ngganggu fungsi sing bener saka bagean sing ora diretas, mula kita sengaja nglirwakake bebaya tartamtu kasebut.

Dokumen HTML kita uga duwe sawetara bebaya validasi HTML sing ora pati penting lan ora penting amarga kalebu solusi kanggo bug Firefox tartamtu .