ബ്രൗസറുകളും ഉപകരണങ്ങളും
ബൂട്ട്സ്ട്രാപ്പ് പിന്തുണയ്ക്കുന്ന ആധുനികം മുതൽ പഴയത് വരെയുള്ള ബ്രൗസറുകളെയും ഉപകരണങ്ങളെയും കുറിച്ച് അറിയുക.
പിന്തുണയ്ക്കുന്ന ബ്രൗസറുകൾ
എല്ലാ പ്രധാന ബ്രൗസറുകളുടെയും പ്ലാറ്റ്‌ഫോമുകളുടെയും ഏറ്റവും പുതിയതും സ്ഥിരതയുള്ളതുമായ റിലീസുകളെ ബൂട്ട്സ്ട്രാപ്പ് പിന്തുണയ്ക്കുന്നു .
WebKit, Blink അല്ലെങ്കിൽ Gecko എന്നിവയുടെ ഏറ്റവും പുതിയ പതിപ്പ് ഉപയോഗിക്കുന്ന ഇതര ബ്രൗസറുകൾ നേരിട്ടോ അല്ലെങ്കിൽ പ്ലാറ്റ്‌ഫോമിന്റെ വെബ് വ്യൂ API വഴിയോ, വ്യക്തമായി പിന്തുണയ്ക്കുന്നില്ല. എന്നിരുന്നാലും, ഈ ബ്രൗസറുകളിലും ബൂട്ട്സ്ട്രാപ്പ് (മിക്ക കേസുകളിലും) പ്രദർശിപ്പിക്കുകയും ശരിയായി പ്രവർത്തിക്കുകയും വേണം. കൂടുതൽ നിർദ്ദിഷ്ട പിന്തുണാ വിവരങ്ങൾ ചുവടെ നൽകിയിരിക്കുന്നു.
ഞങ്ങളുടെ.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
ഈ ബ്രൗസർ പതിപ്പുകൾ നിയന്ത്രിക്കാൻ ബ്രൗസർലിസ്റ്റ് ഉപയോഗിക്കുന്ന CSS പ്രിഫിക്‌സുകൾ വഴി ഉദ്ദേശിച്ച ബ്രൗസർ പിന്തുണ കൈകാര്യം ചെയ്യാൻ ഞങ്ങൾ Autoprefixer ഉപയോഗിക്കുന്നു. നിങ്ങളുടെ പ്രോജക്റ്റുകളിലേക്ക് ഈ ടൂളുകൾ എങ്ങനെ സംയോജിപ്പിക്കാം എന്നതിന് അവരുടെ ഡോക്യുമെന്റേഷൻ പരിശോധിക്കുക.
മൊബൈൽ ഉപകരണങ്ങൾ
പൊതുവായി പറഞ്ഞാൽ, ഓരോ പ്രധാന പ്ലാറ്റ്ഫോമിന്റെയും ഡിഫോൾട്ട് ബ്രൗസറുകളുടെ ഏറ്റവും പുതിയ പതിപ്പുകളെ ബൂട്ട്സ്ട്രാപ്പ് പിന്തുണയ്ക്കുന്നു. പ്രോക്‌സി ബ്രൗസറുകൾ (ഓപ്പറ മിനി, ഓപ്പറ മൊബൈലിന്റെ ടർബോ മോഡ്, യുസി ബ്രൗസർ മിനി, ആമസോൺ സിൽക്ക് പോലുള്ളവ) പിന്തുണയ്ക്കുന്നില്ലെന്ന കാര്യം ശ്രദ്ധിക്കുക.
| ക്രോം | ഫയർഫോക്സ് | സഫാരി | ആൻഡ്രോയിഡ് ബ്രൗസറും വെബ്‌വ്യൂവും | |
|---|---|---|---|---|
| ആൻഡ്രോയിഡ് | പിന്തുണച്ചു | പിന്തുണച്ചു | — | v6.0+ |
| ഐഒഎസ് | പിന്തുണച്ചു | പിന്തുണച്ചു | പിന്തുണച്ചു | — |
ഡെസ്ക്ടോപ്പ് ബ്രൗസറുകൾ
അതുപോലെ, മിക്ക ഡെസ്ക്ടോപ്പ് ബ്രൗസറുകളുടെയും ഏറ്റവും പുതിയ പതിപ്പുകൾ പിന്തുണയ്ക്കുന്നു.
| ക്രോം | ഫയർഫോക്സ് | മൈക്രോസോഫ്റ്റ് എഡ്ജ് | ഓപ്പറ | സഫാരി | |
|---|---|---|---|---|---|
| മാക് | പിന്തുണച്ചു | പിന്തുണച്ചു | പിന്തുണച്ചു | പിന്തുണച്ചു | പിന്തുണച്ചു |
| വിൻഡോസ് | പിന്തുണച്ചു | പിന്തുണച്ചു | പിന്തുണച്ചു | പിന്തുണച്ചു | — |
Firefox-ന്, ഏറ്റവും പുതിയ സാധാരണ സ്ഥിരതയുള്ള റിലീസിന് പുറമേ, Firefox-ന്റെ ഏറ്റവും പുതിയ എക്സ്റ്റെൻഡഡ് സപ്പോർട്ട് റിലീസ് (ESR) പതിപ്പിനെയും ഞങ്ങൾ പിന്തുണയ്ക്കുന്നു.
അനൗദ്യോഗികമായി, ബൂട്ട്സ്ട്രാപ്പ് Chromium-ലും Linux-നുള്ള Chrome-ലും Linux-നുള്ള Firefox-ലും വേണ്ടത്ര നന്നായി കാണുകയും പെരുമാറുകയും വേണം, അവയ്ക്ക് ഔദ്യോഗികമായി പിന്തുണയില്ലെങ്കിലും.
ഇന്റർനെറ്റ് എക്സ്പ്ലോറർ
Internet Explorer പിന്തുണയ്ക്കുന്നില്ല. നിങ്ങൾക്ക് Internet Explorer പിന്തുണ ആവശ്യമുണ്ടെങ്കിൽ, ദയവായി Bootstrap v4 ഉപയോഗിക്കുക.
മൊബൈലിലെ മോഡലുകളും ഡ്രോപ്പ്ഡൗണുകളും
ഓവർഫ്ലോയും സ്ക്രോളിംഗും
ഘടകത്തിനായുള്ള പിന്തുണ overflow: hidden;iOS <body>, Android എന്നിവയിൽ വളരെ പരിമിതമാണ്. അതിനായി, ആ ഉപകരണങ്ങളുടെ ഏതെങ്കിലും ബ്രൗസറുകളിൽ നിങ്ങൾ ഒരു മോഡലിന്റെ മുകളിലോ താഴെയോ സ്ക്രോൾ ചെയ്യുമ്പോൾ, <body>ഉള്ളടക്കം സ്ക്രോൾ ചെയ്യാൻ തുടങ്ങും. Chrome ബഗ് #175502 (Chrome v40-ൽ പരിഹരിച്ചിരിക്കുന്നു), WebKit ബഗ് #153852 എന്നിവ കാണുക .
iOS ടെക്സ്റ്റ് ഫീൽഡുകളും സ്ക്രോളിംഗും
<input>iOS 9.2 പോലെ, ഒരു മോഡൽ തുറന്നിരിക്കുമ്പോൾ, ഒരു സ്ക്രോൾ ആംഗ്യത്തിന്റെ പ്രാരംഭ സ്പർശനം ഒരു ടെക്‌സ്‌ച്വൽ അല്ലെങ്കിൽ a എന്നതിന്റെ പരിധിക്കുള്ളിലാണെങ്കിൽ, <textarea>മോഡലിന് <body>കീഴിലുള്ള ഉള്ളടക്കം മോഡലിന് പകരം സ്ക്രോൾ ചെയ്യപ്പെടും. WebKit ബഗ് #153856 കാണുക .
നവബാർ ഡ്രോപ്പ്ഡൗണുകൾ
.dropdown-backdropz-ഇൻഡക്‌സിംഗിന്റെ സങ്കീർണ്ണത കാരണം nav-ലെ iOS-ൽ ഈ ഘടകം ഉപയോഗിക്കുന്നില്ല. അതിനാൽ, നാവ്ബാറുകളിലെ ഡ്രോപ്പ്ഡൗണുകൾ അടയ്ക്കുന്നതിന്, നിങ്ങൾ നേരിട്ട് ഡ്രോപ്പ്ഡൗൺ എലമെന്റിൽ ക്ലിക്ക് ചെയ്യണം (അല്ലെങ്കിൽ iOS-ൽ ഒരു ക്ലിക്ക് ഇവന്റ് ഫയർ ചെയ്യുന്ന മറ്റേതെങ്കിലും ഘടകം ).
ബ്രൗസർ സൂം ചെയ്യുന്നു
പേജ് സൂമിംഗ് അനിവാര്യമായും ചില ഘടകങ്ങളിൽ റെൻഡറിംഗ് ആർട്ടിഫാക്‌റ്റുകൾ ബൂട്ട്‌സ്‌ട്രാപ്പിലും മറ്റ് വെബിലും അവതരിപ്പിക്കുന്നു. പ്രശ്‌നത്തെ ആശ്രയിച്ച്, ഞങ്ങൾക്ക് അത് പരിഹരിക്കാൻ കഴിഞ്ഞേക്കും (ആദ്യം തിരയുക, തുടർന്ന് ആവശ്യമെങ്കിൽ ഒരു പ്രശ്നം തുറക്കുക). എന്നിരുന്നാലും, ഹാക്കി പരിഹാരങ്ങളല്ലാതെ അവയ്ക്ക് പലപ്പോഴും നേരിട്ടുള്ള പരിഹാരങ്ങളില്ലാത്തതിനാൽ ഞങ്ങൾ ഇവയെ അവഗണിക്കുന്നു.
മൂല്യനിർണ്ണയക്കാർ
പഴയതും ബഗ്ഗിയുള്ളതുമായ ബ്രൗസറുകൾക്ക് സാധ്യമായ ഏറ്റവും മികച്ച അനുഭവം നൽകുന്നതിന്, ബ്രൗസറുകളിലെ ബഗുകൾ പരിഹരിക്കുന്നതിന് ചില ബ്രൗസർ പതിപ്പുകളിലേക്ക് പ്രത്യേക CSS ടാർഗെറ്റുചെയ്യുന്നതിന് ബൂട്ട്സ്ട്രാപ്പ് പല സ്ഥലങ്ങളിലും CSS ബ്രൗസർ ഹാക്കുകൾ ഉപയോഗിക്കുന്നു. ഈ ഹാക്കുകൾ മനസ്സിലാക്കാവുന്നതേയുള്ളൂ, അവ അസാധുവാണെന്ന് CSS മൂല്യനിർണ്ണയക്കാർ പരാതിപ്പെടാൻ ഇടയാക്കുന്നു. രണ്ട് സ്ഥലങ്ങളിൽ, ഇതുവരെ പൂർണ്ണമായി സ്റ്റാൻഡേർഡ് ചെയ്യാത്ത ബ്ലീഡിംഗ് എഡ്ജ് CSS ഫീച്ചറുകളും ഞങ്ങൾ ഉപയോഗിക്കുന്നു, എന്നാൽ ഇവ പുരോഗമനപരമായ മെച്ചപ്പെടുത്തലിനായി ഉപയോഗിക്കുന്നു.
ഞങ്ങളുടെ CSS-ന്റെ ഹാക്കി അല്ലാത്ത ഭാഗം പൂർണ്ണമായി സാധൂകരിക്കുകയും ഹാക്കി അല്ലാത്ത ഭാഗത്തിന്റെ ശരിയായ പ്രവർത്തനത്തിൽ ഹാക്കി ഭാഗങ്ങൾ ഇടപെടാതിരിക്കുകയും ചെയ്യുന്നതിനാൽ ഈ മൂല്യനിർണ്ണയ മുന്നറിയിപ്പുകൾ പ്രായോഗികമായി പ്രശ്നമല്ല, അതിനാൽ ഈ പ്രത്യേക മുന്നറിയിപ്പുകൾ ഞങ്ങൾ മനഃപൂർവ്വം അവഗണിക്കുന്നത് എന്തുകൊണ്ട്.
ഞങ്ങളുടെ HTML ഡോക്‌സിനും അതുപോലെ ചില നിസ്സാരവും അപ്രസക്തവുമായ HTML മൂല്യനിർണ്ണയ മുന്നറിയിപ്പുകൾ ഉണ്ട് .