ಬ್ರೌಸರ್ಗಳು ಮತ್ತು ಸಾಧನಗಳು
ಪ್ರತಿಯೊಂದಕ್ಕೂ ತಿಳಿದಿರುವ ಕ್ವಿರ್ಕ್‌ಗಳು ಮತ್ತು ದೋಷಗಳನ್ನು ಒಳಗೊಂಡಂತೆ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್‌ನಿಂದ ಬೆಂಬಲಿತವಾಗಿರುವ ಆಧುನಿಕದಿಂದ ಹಳೆಯದಕ್ಕೆ ಬ್ರೌಸರ್ಗಳು ಮತ್ತು ಸಾಧನಗಳ ಕುರಿತು ತಿಳಿಯಿರಿ.
ಬೆಂಬಲಿತ ಬ್ರೌಸರ್ಗಳು
ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಎಲ್ಲಾ ಪ್ರಮುಖ ಬ್ರೌಸರ್ಗಳು ಮತ್ತು ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳ ಇತ್ತೀಚಿನ, ಸ್ಥಿರ ಬಿಡುಗಡೆಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ.
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 ಅನ್ನು ಬಳಸುತ್ತೇವೆ, ಇದು ಈ ಬ್ರೌಸರ್ ಆವೃತ್ತಿಗಳನ್ನು ನಿರ್ವಹಿಸಲು ಬ್ರೌಸರ್‌ಗಳ ಪಟ್ಟಿಯನ್ನು ಬಳಸುತ್ತದೆ. ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಲ್ಲಿ ಈ ಪರಿಕರಗಳನ್ನು ಹೇಗೆ ಸಂಯೋಜಿಸುವುದು ಎಂಬುದರ ಕುರಿತು ಅವರ ದಾಖಲಾತಿಯನ್ನು ನೋಡಿ.
ಮೊಬೈಲ್ ಸಾಧನಗಳು
ಸಾಮಾನ್ಯವಾಗಿ ಹೇಳುವುದಾದರೆ, ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಪ್ರತಿ ಪ್ರಮುಖ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ನ ಡೀಫಾಲ್ಟ್ ಬ್ರೌಸರ್‌ಗಳ ಇತ್ತೀಚಿನ ಆವೃತ್ತಿಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ. ಪ್ರಾಕ್ಸಿ ಬ್ರೌಸರ್ಗಳು (ಒಪೇರಾ ಮಿನಿ, ಒಪೇರಾ ಮೊಬೈಲ್‌ನ ಟರ್ಬೊ ಮೋಡ್, ಯುಸಿ ಬ್ರೌಸರ್ ಮಿನಿ, ಅಮೆಜಾನ್ ಸಿಲ್ಕ್) ಬೆಂಬಲಿತವಾಗಿಲ್ಲ ಎಂಬುದನ್ನು ಗಮನಿಸಿ.
| ಕ್ರೋಮ್ | ಫೈರ್‌ಫಾಕ್ಸ್ | ಸಫಾರಿ | Android ಬ್ರೌಸರ್ ಮತ್ತು ವೆಬ್ ವೀಕ್ಷಣೆ | |
|---|---|---|---|---|
| ಆಂಡ್ರಾಯ್ಡ್ | ಬೆಂಬಲಿತವಾಗಿದೆ | ಬೆಂಬಲಿತವಾಗಿದೆ | - | v6.0+ |
| ಐಒಎಸ್ | ಬೆಂಬಲಿತವಾಗಿದೆ | ಬೆಂಬಲಿತವಾಗಿದೆ | ಬೆಂಬಲಿತವಾಗಿದೆ | - |
ಡೆಸ್ಕ್ಟಾಪ್ ಬ್ರೌಸರ್ಗಳು
ಅಂತೆಯೇ, ಹೆಚ್ಚಿನ ಡೆಸ್ಕ್ಟಾಪ್ ಬ್ರೌಸರ್‌ಗಳ ಇತ್ತೀಚಿನ ಆವೃತ್ತಿಗಳು ಬೆಂಬಲಿತವಾಗಿದೆ.
| ಕ್ರೋಮ್ | ಫೈರ್‌ಫಾಕ್ಸ್ | ಮೈಕ್ರೋಸಾಫ್ಟ್ ಎಡ್ಜ್ | ಒಪೆರಾ | ಸಫಾರಿ | |
|---|---|---|---|---|---|
| ಮ್ಯಾಕ್ | ಬೆಂಬಲಿತವಾಗಿದೆ | ಬೆಂಬಲಿತವಾಗಿದೆ | ಬೆಂಬಲಿತವಾಗಿದೆ | ಬೆಂಬಲಿತವಾಗಿದೆ | ಬೆಂಬಲಿತವಾಗಿದೆ |
| ವಿಂಡೋಸ್ | ಬೆಂಬಲಿತವಾಗಿದೆ | ಬೆಂಬಲಿತವಾಗಿದೆ | ಬೆಂಬಲಿತವಾಗಿದೆ | ಬೆಂಬಲಿತವಾಗಿದೆ | - |
Firefox ಗಾಗಿ, ಇತ್ತೀಚಿನ ಸಾಮಾನ್ಯ ಸ್ಥಿರ ಬಿಡುಗಡೆಯ ಜೊತೆಗೆ, ನಾವು Firefox ನ ಇತ್ತೀಚಿನ ವಿಸ್ತೃತ ಬೆಂಬಲ ಬಿಡುಗಡೆ (ESR) ಆವೃತ್ತಿಯನ್ನು ಸಹ ಬೆಂಬಲಿಸುತ್ತೇವೆ.
ಅನಧಿಕೃತವಾಗಿ, ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಕ್ರೋಮಿಯಂ ಮತ್ತು ಲಿನಕ್ಸ್‌ಗಾಗಿ ಕ್ರೋಮ್ ಮತ್ತು ಲೈನಕ್ಸ್‌ಗಾಗಿ ಫೈರ್‌ಫಾಕ್ಸ್‌ನಲ್ಲಿ ಅಧಿಕೃತವಾಗಿ ಬೆಂಬಲಿಸದಿದ್ದರೂ ಸಾಕಷ್ಟು ಉತ್ತಮವಾಗಿ ಕಾಣುತ್ತದೆ ಮತ್ತು ವರ್ತಿಸಬೇಕು.
ಅಂತರ್ಜಾಲ ಶೋಧಕ
ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್ ಬೆಂಬಲಿಸುವುದಿಲ್ಲ. ನಿಮಗೆ ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್ ಬೆಂಬಲದ ಅಗತ್ಯವಿದ್ದರೆ, ದಯವಿಟ್ಟು ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ v4 ಬಳಸಿ.
ಮೊಬೈಲ್‌ನಲ್ಲಿ ಮಾದರಿಗಳು ಮತ್ತು ಡ್ರಾಪ್‌ಡೌನ್‌ಗಳು
ಓವರ್‌ಫ್ಲೋ ಮತ್ತು ಸ್ಕ್ರೋಲಿಂಗ್
ಐಒಎಸ್ ಮತ್ತು ಆಂಡ್ರಾಯ್ಡ್‌ನಲ್ಲಿ ಅಂಶಕ್ಕೆ ಬೆಂಬಲವು ಸಾಕಷ್ಟು overflow: hidden;ಸೀಮಿತವಾಗಿದೆ . <body>ಆ ನಿಟ್ಟಿನಲ್ಲಿ, ಆ ಸಾಧನಗಳ ಬ್ರೌಸರ್‌ಗಳಲ್ಲಿ ನೀವು ಮೋಡಲ್‌ನ ಮೇಲ್ಭಾಗ ಅಥವಾ ಕೆಳಭಾಗವನ್ನು ಸ್ಕ್ರಾಲ್ ಮಾಡಿದಾಗ, <body>ವಿಷಯವು ಸ್ಕ್ರಾಲ್ ಮಾಡಲು ಪ್ರಾರಂಭವಾಗುತ್ತದೆ. Chrome ದೋಷ #175502 (Chrome v40 ನಲ್ಲಿ ಪರಿಹರಿಸಲಾಗಿದೆ) ಮತ್ತು WebKit ದೋಷ #153852 ಅನ್ನು ನೋಡಿ .
ಐಒಎಸ್ ಪಠ್ಯ ಕ್ಷೇತ್ರಗಳು ಮತ್ತು ಸ್ಕ್ರೋಲಿಂಗ್
<input>iOS 9.2 ರಂತೆ, ಮಾದರಿಯು ತೆರೆದಿರುವಾಗ, ಸ್ಕ್ರಾಲ್ ಗೆಸ್ಚರ್‌ನ ಆರಂಭಿಕ ಸ್ಪರ್ಶವು ಪಠ್ಯ ಅಥವಾ a ನ ಗಡಿಯೊಳಗೆ ಇದ್ದರೆ, <textarea>ಮಾದರಿಯ <body>ಕೆಳಗಿರುವ ವಿಷಯವನ್ನು ಮಾದರಿಯ ಬದಲಿಗೆ ಸ್ಕ್ರಾಲ್ ಮಾಡಲಾಗುತ್ತದೆ. WebKit ಬಗ್ #153856 ನೋಡಿ .
Navbar ಡ್ರಾಪ್‌ಡೌನ್‌ಗಳು
.dropdown-backdropz-ಇಂಡೆಕ್ಸಿಂಗ್‌ನ ಸಂಕೀರ್ಣತೆಯ ಕಾರಣದಿಂದಾಗಿ NAV ನಲ್ಲಿ iOS ನಲ್ಲಿ ಅಂಶವನ್ನು ಬಳಸಲಾಗುವುದಿಲ್ಲ . ಹೀಗಾಗಿ, ನ್ಯಾವ್‌ಬಾರ್‌ಗಳಲ್ಲಿ ಡ್ರಾಪ್‌ಡೌನ್‌ಗಳನ್ನು ಮುಚ್ಚಲು, ನೀವು ನೇರವಾಗಿ ಡ್ರಾಪ್‌ಡೌನ್ ಅಂಶವನ್ನು ಕ್ಲಿಕ್ ಮಾಡಬೇಕು (ಅಥವಾ ಐಒಎಸ್‌ನಲ್ಲಿ ಕ್ಲಿಕ್ ಈವೆಂಟ್ ಅನ್ನು ಹಾರಿಸುವ ಯಾವುದೇ ಇತರ ಅಂಶ ).
ಬ್ರೌಸರ್ ಜೂಮ್ ಮಾಡಲಾಗುತ್ತಿದೆ
ಪುಟ ಝೂಮಿಂಗ್ ಅನಿವಾರ್ಯವಾಗಿ ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಮತ್ತು ವೆಬ್‌ನ ಉಳಿದ ಭಾಗಗಳಲ್ಲಿ ಕೆಲವು ಘಟಕಗಳಲ್ಲಿ ರೆಂಡರಿಂಗ್ ಕಲಾಕೃತಿಗಳನ್ನು ಪ್ರಸ್ತುತಪಡಿಸುತ್ತದೆ. ಸಮಸ್ಯೆಯನ್ನು ಅವಲಂಬಿಸಿ, ನಾವು ಅದನ್ನು ಸರಿಪಡಿಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ (ಮೊದಲು ಹುಡುಕಿ ಮತ್ತು ಅಗತ್ಯವಿದ್ದರೆ ಸಮಸ್ಯೆಯನ್ನು ತೆರೆಯಿರಿ). ಆದಾಗ್ಯೂ, ನಾವು ಇವುಗಳನ್ನು ನಿರ್ಲಕ್ಷಿಸುತ್ತೇವೆ ಏಕೆಂದರೆ ಅವುಗಳು ಸಾಮಾನ್ಯವಾಗಿ ಹ್ಯಾಕಿ ಪರಿಹಾರಗಳನ್ನು ಹೊರತುಪಡಿಸಿ ಯಾವುದೇ ನೇರ ಪರಿಹಾರವನ್ನು ಹೊಂದಿಲ್ಲ.
ಮೌಲ್ಯೀಕರಿಸುವವರು
ಹಳೆಯ ಮತ್ತು ದೋಷಯುಕ್ತ ಬ್ರೌಸರ್‌ಗಳಿಗೆ ಉತ್ತಮವಾದ ಅನುಭವವನ್ನು ಒದಗಿಸುವ ಸಲುವಾಗಿ, ಬ್ರೌಸರ್‌ಗಳಲ್ಲಿನ ದೋಷಗಳ ಸುತ್ತಲೂ ಕೆಲಸ ಮಾಡಲು ಕೆಲವು ಬ್ರೌಸರ್ ಆವೃತ್ತಿಗಳಿಗೆ ವಿಶೇಷ CSS ಅನ್ನು ಗುರಿಯಾಗಿಸಲು ಬೂಟ್‌ಸ್ಟ್ರ್ಯಾಪ್ ಹಲವಾರು ಸ್ಥಳಗಳಲ್ಲಿ CSS ಬ್ರೌಸರ್ ಹ್ಯಾಕ್‌ಗಳನ್ನು ಬಳಸುತ್ತದೆ. ಈ ಹ್ಯಾಕ್‌ಗಳು ಸಿಎಸ್‌ಎಸ್ ವ್ಯಾಲಿಡೇಟರ್‌ಗಳು ಅಮಾನ್ಯವಾಗಿದೆ ಎಂದು ದೂರಲು ಕಾರಣವಾಗುತ್ತವೆ. ಒಂದೆರಡು ಸ್ಥಳಗಳಲ್ಲಿ, ನಾವು ಇನ್ನೂ ಸಂಪೂರ್ಣವಾಗಿ ಪ್ರಮಾಣೀಕರಿಸದ ಬ್ಲೀಡಿಂಗ್-ಎಡ್ಜ್ CSS ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಬಳಸುತ್ತೇವೆ, ಆದರೆ ಇವುಗಳನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಪ್ರಗತಿಶೀಲ ವರ್ಧನೆಗಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ.
ನಮ್ಮ CSS ನ ಹ್ಯಾಕಿ ಅಲ್ಲದ ಭಾಗವು ಸಂಪೂರ್ಣವಾಗಿ ಮೌಲ್ಯೀಕರಿಸುವುದರಿಂದ ಮತ್ತು ಹ್ಯಾಕಿ ಭಾಗಗಳು ಹ್ಯಾಕಿ ಅಲ್ಲದ ಭಾಗದ ಸರಿಯಾದ ಕಾರ್ಯನಿರ್ವಹಣೆಯಲ್ಲಿ ಮಧ್ಯಪ್ರವೇಶಿಸುವುದಿಲ್ಲವಾದ್ದರಿಂದ ಈ ಮೌಲ್ಯೀಕರಣ ಎಚ್ಚರಿಕೆಗಳು ಪ್ರಾಯೋಗಿಕವಾಗಿ ಅಪ್ರಸ್ತುತವಾಗುತ್ತದೆ, ಆದ್ದರಿಂದ ನಾವು ಈ ನಿರ್ದಿಷ್ಟ ಎಚ್ಚರಿಕೆಗಳನ್ನು ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ನಿರ್ಲಕ್ಷಿಸುತ್ತೇವೆ.
ನಮ್ಮ HTML ಡಾಕ್ಸ್ ಅಂತೆಯೇ ಕೆಲವು ಕ್ಷುಲ್ಲಕ ಮತ್ತು ಅಸಮಂಜಸವಾದ HTML ಮೌಲ್ಯೀಕರಣ ಎಚ್ಚರಿಕೆಗಳನ್ನು ಹೊಂದಿದೆ ಏಕೆಂದರೆ ನಾವು ಒಂದು ನಿರ್ದಿಷ್ಟ ಫೈರ್‌ಫಾಕ್ಸ್ ದೋಷಕ್ಕೆ ಪರಿಹಾರವನ್ನು ಸೇರಿಸಿದ್ದೇವೆ .