உலாவிகள் மற்றும் சாதனங்கள்
உலாவிகள் மற்றும் சாதனங்கள், நவீனம் முதல் பழையது வரை, பூட்ஸ்டார்ப்பால் ஆதரிக்கப்படும், ஒவ்வொன்றிற்கும் தெரிந்த வினோதங்கள் மற்றும் பிழைகள் உட்பட.
ஆதரிக்கப்படும் உலாவிகள்
அனைத்து முக்கிய உலாவிகள் மற்றும் இயங்குதளங்களின் சமீபத்திய, நிலையான வெளியீடுகளை பூட்ஸ்டார்ப் ஆதரிக்கிறது .
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 ஐப் பயன்படுத்துகிறோம், இது இந்த உலாவி பதிப்புகளை நிர்வகிக்க உலாவிகளின் பட்டியலைப் பயன்படுத்துகிறது. உங்கள் திட்டங்களில் இந்தக் கருவிகளை எவ்வாறு ஒருங்கிணைப்பது என்பது குறித்த அவர்களின் ஆவணங்களைப் பார்க்கவும்.
மொபைல் சாதனங்கள்
பொதுவாக, பூட்ஸ்டார்ப் ஒவ்வொரு முக்கிய தளத்தின் இயல்புநிலை உலாவிகளின் சமீபத்திய பதிப்புகளை ஆதரிக்கிறது. ப்ராக்ஸி உலாவிகள் (Opera Mini, Opera Mobile's Turbo mode, UC Browser Mini, Amazon Silk போன்றவை) ஆதரிக்கப்படவில்லை என்பதை நினைவில் கொள்ளவும்.
| குரோம் | பயர்பாக்ஸ் | சஃபாரி | Android உலாவி & WebView | |
|---|---|---|---|---|
| ஆண்ட்ராய்டு | ஆதரிக்கப்பட்டது | ஆதரிக்கப்பட்டது | — | v6.0+ |
| iOS | ஆதரிக்கப்பட்டது | ஆதரிக்கப்பட்டது | ஆதரிக்கப்பட்டது | — |
டெஸ்க்டாப் உலாவிகள்
இதேபோல், பெரும்பாலான டெஸ்க்டாப் உலாவிகளின் சமீபத்திய பதிப்புகள் ஆதரிக்கப்படுகின்றன.
| குரோம் | பயர்பாக்ஸ் | மைக்ரோசாஃப்ட் எட்ஜ் | ஓபரா | சஃபாரி | |
|---|---|---|---|---|---|
| மேக் | ஆதரிக்கப்பட்டது | ஆதரிக்கப்பட்டது | ஆதரிக்கப்பட்டது | ஆதரிக்கப்பட்டது | ஆதரிக்கப்பட்டது |
| விண்டோஸ் | ஆதரிக்கப்பட்டது | ஆதரிக்கப்பட்டது | ஆதரிக்கப்பட்டது | ஆதரிக்கப்பட்டது | — |
Firefox க்கு, சமீபத்திய இயல்பான நிலையான வெளியீட்டிற்கு கூடுதலாக, Firefox இன் சமீபத்திய விரிவாக்கப்பட்ட ஆதரவு வெளியீடு (ESR) பதிப்பையும் நாங்கள் ஆதரிக்கிறோம்.
அதிகாரப்பூர்வமற்ற முறையில், பூட்ஸ்டார்ப், Chromium மற்றும் Linux க்கான Chrome மற்றும் Linux க்கான Firefox ஆகியவற்றில் போதுமான அளவு தோற்றமளிக்க வேண்டும், ஆனால் அவை அதிகாரப்பூர்வமாக ஆதரிக்கப்படவில்லை.
இன்டர்நெட் எக்ஸ்புளோரர்
Internet Explorer ஆதரிக்கப்படவில்லை. உங்களுக்கு Internet Explorer ஆதரவு தேவைப்பட்டால், பூட்ஸ்டார்ப் v4 ஐப் பயன்படுத்தவும்.
மொபைலில் மாதிரிகள் மற்றும் கீழிறங்கும்
வழிதல் மற்றும் ஸ்க்ரோலிங்
overflow: hidden;iOS மற்றும் Android இல் உறுப்புக்கான ஆதரவு <body>மிகவும் குறைவாகவே உள்ளது. அந்த வகையில், அந்த சாதனங்களின் உலாவிகளில் ஏதேனும் ஒரு மாதிரியின் மேல் அல்லது கீழ் பகுதியை நீங்கள் உருட்டும் போது, <body>உள்ளடக்கம் உருட்டத் தொடங்கும். Chrome பிழை #175502 (Chrome v40 இல் சரி செய்யப்பட்டது) மற்றும் WebKit பிழை #153852 ஐப் பார்க்கவும் .
iOS உரை புலங்கள் மற்றும் ஸ்க்ரோலிங்
<input>iOS 9.2 இன் படி, ஒரு மாதிரி திறந்திருக்கும் போது, ஒரு ஸ்க்ரோல் சைகையின் ஆரம்பத் தொடுதல் உரை அல்லது a வின் எல்லைக்குள் இருந்தால், மாதிரியின் கீழ் <textarea>உள்ள <body>உள்ளடக்கம் மாதிரிக்கு பதிலாக உருட்டப்படும். WebKit பிழை #153856 ஐப் பார்க்கவும் .
Navbar கீழிறங்கும்
.dropdown-backdropz-இண்டெக்சிங்கின் சிக்கலான தன்மையின் காரணமாக, nav இல் iOS இல் உறுப்பு பயன்படுத்தப்படவில்லை . எனவே, நேவ்பார்களில் உள்ள கீழ்தோன்றல்களை மூட, நீங்கள் நேரடியாக கீழ்தோன்றும் உறுப்பைக் கிளிக் செய்ய வேண்டும் (அல்லது iOS இல் கிளிக் நிகழ்வைத் தொடங்கும் வேறு ஏதேனும் உறுப்பு ).
உலாவி பெரிதாக்குகிறது
பக்கத்தை பெரிதாக்குவது தவிர்க்க முடியாமல் சில கூறுகளில் ரெண்டரிங் கலைப்பொருட்களை வழங்குகிறது, பூட்ஸ்டார்ப் மற்றும் பிற இணையம். சிக்கலைப் பொறுத்து, எங்களால் அதைச் சரிசெய்ய முடியும் (முதலில் தேடவும், பின்னர் தேவைப்பட்டால் சிக்கலைத் திறக்கவும்). எவ்வாறாயினும், ஹேக்கியான தீர்வுகளைத் தவிர வேறு எந்த நேரடித் தீர்வும் இல்லாததால், இவற்றைப் புறக்கணிக்க முனைகிறோம்.
சரிபார்ப்பவர்கள்
பழைய மற்றும் தரமற்ற உலாவிகளுக்கு சிறந்த அனுபவத்தை வழங்க, பூட்ஸ்டார்ப் பல இடங்களில் CSS உலாவி ஹேக்குகளைப் பயன்படுத்துகிறது, சில உலாவி பதிப்புகளுக்கு சிறப்பு CSS ஐ குறிவைத்து, உலாவிகளில் உள்ள பிழைகளைச் சரிசெய்வதற்காகப் பயன்படுத்துகிறது. இந்த ஹேக்குகள், CSS மதிப்பீட்டாளர்கள் தவறானவை என்று புகார் செய்ய காரணமாகிறது. ஓரிரு இடங்களில், நாங்கள் இன்னும் முழுமையாக தரநிலைப்படுத்தப்படாத இரத்தப்போக்கு-முனை CSS அம்சங்களையும் பயன்படுத்துகிறோம், ஆனால் இவை முற்போக்கான மேம்பாட்டிற்காக மட்டுமே பயன்படுத்தப்படுகின்றன.
இந்த சரிபார்ப்பு எச்சரிக்கைகள் நடைமுறையில் முக்கியமில்லை, ஏனெனில் எங்கள் CSS இன் ஹேக்கி அல்லாத பகுதி முழுவதுமாக சரிபார்க்கப்படுகிறது மற்றும் ஹேக்கி பகுதிகள் ஹேக்கி அல்லாத பகுதியின் சரியான செயல்பாட்டில் தலையிடாது, எனவே இந்த குறிப்பிட்ட எச்சரிக்கைகளை நாங்கள் ஏன் வேண்டுமென்றே புறக்கணிக்கிறோம்.
ஒரு குறிப்பிட்ட பயர்பாக்ஸ் பிழைக்கான தீர்வைச் சேர்ப்பதன் காரணமாக எங்கள் HTML ஆவணங்களும் சில அற்பமான மற்றும் பொருத்தமற்ற HTML சரிபார்ப்பு எச்சரிக்கைகளைக் கொண்டுள்ளன .