બ્રાઉઝર્સ અને ઉપકરણો
બ્રાઉઝર્સ અને ઉપકરણો વિશે જાણો, આધુનિકથી જૂના સુધી, જે બુટસ્ટ્રેપ દ્વારા સમર્થિત છે, જેમાં દરેક માટે જાણીતા ક્વિર્ક અને બગ્સનો સમાવેશ થાય છે.
સપોર્ટેડ બ્રાઉઝર્સ
બુટસ્ટ્રેપ તમામ મુખ્ય બ્રાઉઝર્સ અને પ્લેટફોર્મ્સના નવીનતમ, સ્થિર પ્રકાશનોને સપોર્ટ કરે છે.
વૈકલ્પિક બ્રાઉઝર્સ કે જે વેબકિટ, બ્લિંક અથવા ગેકોના નવીનતમ સંસ્કરણનો ઉપયોગ કરે છે, પછી ભલે તે સીધા અથવા પ્લેટફોર્મના વેબ વ્યુ 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+ |
| iOS | આધારભૂત | આધારભૂત | આધારભૂત | - |
ડેસ્કટોપ બ્રાઉઝર્સ
એ જ રીતે, મોટાભાગના ડેસ્કટોપ બ્રાઉઝર્સના નવીનતમ સંસ્કરણો સપોર્ટેડ છે.
| ક્રોમ | ફાયરફોક્સ | માઈક્રોસોફ્ટ એજ | ઓપેરા | સફારી | |
|---|---|---|---|---|---|
| મેક | આધારભૂત | આધારભૂત | આધારભૂત | આધારભૂત | આધારભૂત |
| વિન્ડોઝ | આધારભૂત | આધારભૂત | આધારભૂત | આધારભૂત | - |
ફાયરફોક્સ માટે, નવીનતમ સામાન્ય સ્થિર પ્રકાશન ઉપરાંત, અમે ફાયરફોક્સના નવીનતમ વિસ્તૃત સપોર્ટ રીલીઝ (ESR) સંસ્કરણને પણ સમર્થન આપીએ છીએ.
બિનસત્તાવાર રીતે, બુટસ્ટ્રેપ એ ક્રોમિયમ અને લિનક્સ માટે ક્રોમ અને Linux માટે ફાયરફોક્સમાં સારી રીતે દેખાવું અને વર્તવું જોઈએ, જો કે તે સત્તાવાર રીતે સમર્થિત નથી.
ઈન્ટરનેટ એક્સપ્લોરર
ઇન્ટરનેટ એક્સપ્લોરર સપોર્ટેડ નથી. જો તમને ઇન્ટરનેટ એક્સપ્લોરર સપોર્ટની જરૂર હોય, તો કૃપા કરીને બુટસ્ટ્રેપ v4 નો ઉપયોગ કરો.
મોબાઇલ પર મોડલ અને ડ્રોપડાઉન
ઓવરફ્લો અને સ્ક્રોલિંગ
overflow: hidden;આઇઓએસ અને એન્ડ્રોઇડમાં એલિમેન્ટ માટે સપોર્ટ <body>તદ્દન મર્યાદિત છે. તે માટે, જ્યારે તમે તેમાંથી કોઈપણ ઉપકરણના બ્રાઉઝરમાં મોડલની ઉપર અથવા નીચેથી સ્ક્રોલ કરો છો, ત્યારે <body>સામગ્રી સ્ક્રોલ કરવાનું શરૂ કરશે. જુઓ ક્રોમ બગ #175502 (Chrome v40 માં સુધારેલ) અને WebKit બગ #153852 .
iOS ટેક્સ્ટ ફીલ્ડ્સ અને સ્ક્રોલિંગ
<input>iOS 9.2 મુજબ, જ્યારે મોડલ ખુલ્લું હોય, તો જો સ્ક્રોલ હાવભાવનો પ્રારંભિક સ્પર્શ ટેક્સ્ટ અથવા a ની સીમામાં હોય, તો મોડલની <textarea>નીચેની <body>સામગ્રીને મોડલને બદલે સ્ક્રોલ કરવામાં આવશે. વેબકિટ બગ #153856 જુઓ .
નવબાર ડ્રોપડાઉન
z- ઇન્ડેક્સીંગની .dropdown-backdropજટિલતાને કારણે નેવમાં iOS પર તત્વનો ઉપયોગ થતો નથી. આમ, નેવબાર્સમાં ડ્રોપડાઉન બંધ કરવા માટે, તમારે ડ્રોપડાઉન એલિમેન્ટ (અથવા કોઈપણ અન્ય ઘટક જે iOS માં ક્લિક ઇવેન્ટને ફાયર કરશે ) પર સીધું જ ક્લિક કરવું પડશે.
બ્રાઉઝર ઝૂમિંગ
પૃષ્ઠ ઝૂમિંગ અનિવાર્યપણે કેટલાક ઘટકોમાં, બૂટસ્ટ્રેપ અને બાકીના વેબ બંનેમાં રેન્ડરિંગ આર્ટિફેક્ટ રજૂ કરે છે. સમસ્યાના આધારે, અમે તેને ઠીક કરી શકીએ છીએ (પહેલા શોધો અને પછી જો જરૂર હોય તો સમસ્યા ખોલો). જો કે, અમે આને અવગણીએ છીએ કારણ કે તેમની પાસે હેકી વર્કઅરાઉન્ડ સિવાય કોઈ સીધો ઉકેલ નથી.
માન્યકર્તાઓ
જૂના અને બગડેલ બ્રાઉઝર્સને શ્રેષ્ઠ સંભવિત અનુભવ પ્રદાન કરવા માટે, બુટસ્ટ્રેપ બ્રાઉઝર્સમાં જ બગ્સની આસપાસ કામ કરવા માટે ચોક્કસ બ્રાઉઝર વર્ઝન માટે વિશિષ્ટ CSS ને લક્ષ્ય બનાવવા માટે ઘણી જગ્યાએ CSS બ્રાઉઝર હેક્સનો ઉપયોગ કરે છે. આ હેક્સ સમજી શકાય તે રીતે CSS માન્યકર્તાઓને ફરિયાદ કરે છે કે તેઓ અમાન્ય છે. કેટલાક સ્થળોએ, અમે બ્લીડિંગ-એજ CSS સુવિધાઓનો પણ ઉપયોગ કરીએ છીએ જે હજુ સુધી સંપૂર્ણ પ્રમાણિત નથી, પરંતુ તેનો ઉપયોગ પ્રગતિશીલ વૃદ્ધિ માટે થાય છે.
આ માન્યતા ચેતવણીઓ વ્યવહારમાં કોઈ વાંધો નથી કારણ કે અમારા CSS નો બિન-હેકી ભાગ સંપૂર્ણપણે માન્ય કરે છે અને હેકી ભાગો બિન-હેકી ભાગની યોગ્ય કામગીરીમાં દખલ કરતા નથી, તેથી શા માટે અમે આ ચોક્કસ ચેતવણીઓને જાણીજોઈને અવગણીએ છીએ.
ચોક્કસ ફાયરફોક્સ બગ માટેના ઉકેલના અમારા સમાવેશને કારણે અમારા HTML દસ્તાવેજોમાં પણ કેટલીક તુચ્છ અને અસંગત HTML માન્યતા ચેતવણીઓ છે .