Needless UI ಅನ್ನು ನೇಟಿವ್ ಎಲಿಮೆಂಟ್ಗಳು ಮತ್ತು Popover API ನಂತಹ ಇತ್ತೀಚಿನ ವೆಬ್ ಪ್ಲಾಟ್ಫಾರ್ಮ್ ವೈಶಿಷ್ಟ್ಯಗಳ ಮೇಲೆ ನಿರ್ಮಿಸಲಾಗಿದೆ. ಇದು ಕೆಳಗಿನ ಬ್ರೌಸರ್ಗಳನ್ನು ಅಲ್ಲಿ ನೀಡಿರುವ ಆವೃತ್ತಿಯಿಂದ ಮುಂದಕ್ಕೆ ಬೆಂಬಲಿಸುತ್ತದೆ. ಅದಕ್ಕಿಂತ ಹಳೆಯ ಆವೃತ್ತಿಗಳಲ್ಲಿ ಮೆನುಗಳು, ಸೆಲೆಕ್ಟ್ಗಳು ಮತ್ತು ಪಾಪ್ಓವರ್ಗಳು ತೆರೆಯುವುದಿಲ್ಲ.
ಬೆಂಬಲಿತ ಬ್ರೌಸರ್ಗಳು
| ಬ್ರೌಸರ್ | ಈ ಆವೃತ್ತಿಯಿಂದ | ಯಾವುದಕ್ಕೆ ಬೇಕು |
|---|---|---|
| ಕಂಪ್ಯೂಟರ್ ಮತ್ತು Android ನಲ್ಲಿ Chrome, Edge | 120 | CSS ಮಾಸ್ಕ್ಗಳಿಂದ ಬಿಡಿಸಿದ ಐಕಾನ್ಗಳು, ಮತ್ತು ಬಲದಿಂದ ಎಡಕ್ಕೆ ಬರೆಯುವ ಪಠ್ಯಕ್ಕಾಗಿ :dir() |
| ಕಂಪ್ಯೂಟರ್ ಮತ್ತು Android ನಲ್ಲಿ Firefox | 125 | Popover API |
| Mac ನಲ್ಲಿ Safari | 17 | Popover API |
| iPhone ಮತ್ತು iPad ನಲ್ಲಿ ಪ್ರತಿಯೊಂದು ಬ್ರೌಸರ್ | iOS 17 | Popover API |
| Samsung Internet ಬ್ರೌಸರ್ | 25 | Chrome ನಂತೆಯೇ |
Opera ಮತ್ತು Brave ನಂತಹ, Chromium ಆಧಾರಿತ ಇತರ ಬ್ರೌಸರ್ಗಳು Chrome ನ ಆವೃತ್ತಿಗಳನ್ನೇ ಅನುಸರಿಸುತ್ತವೆ. Angular 22 ಗೇ Chrome, Edge, Firefox 119 ಮತ್ತು Safari 17 ಬೇಕು. Internet Explorer ಮತ್ತು Chromium ಗಿಂತ ಹಿಂದಿನ ಹಳೆಯ Edge ಗೆ ಬೆಂಬಲವಿಲ್ಲ.
ಪರೀಕ್ಷಿಸುವ ಬ್ರೌಸರ್ಗಳು
ಪ್ರತಿ ಬದಲಾವಣೆಗೂ ಪ್ರತಿಯೊಂದು ಕಾಂಪೊನೆಂಟ್ನ ಪರೀಕ್ಷೆಗಳು Chrome, Firefox ಮತ್ತು Safari ಯ ಎಂಜಿನ್ಗಳಲ್ಲಿ ನಡೆಯುತ್ತವೆ. ಪ್ರತಿ ಬಿಡುಗಡೆಗೆ ಮೊದಲು, ಈ ದಾಖಲಾತಿಯ ಪ್ರತಿಯೊಂದು ಪುಟವನ್ನು ಪ್ರತಿಯೊಂದು ಎಂಜಿನ್ನಲ್ಲಿ, ಕಂಪ್ಯೂಟರ್ನಲ್ಲಿ ಮತ್ತು ಟಚ್ ಇರುವ ಫೋನ್ನಲ್ಲಿ ಪರಿಶೀಲಿಸಲಾಗುತ್ತದೆ: ಪುಟ ಆರಂಭವಾಗಬೇಕು, ಪ್ರತಿಯೊಂದು ಮೆನು ಮತ್ತು ಪಾಪ್ಅಪ್ ಅನ್ನು ತೆರೆಯಬೇಕು, ಪರದೆಗೆ ಹೊಂದಬೇಕು ಮತ್ತು ಆಕ್ಸೆಸಿಬಿಲಿಟಿ ಪರಿಶೀಲನೆಗಳಲ್ಲಿ ಉತ್ತೀರ್ಣವಾಗಬೇಕು.
| ಎಂಜಿನ್ | ಆವೃತ್ತಿ | ಪರೀಕ್ಷಿಸುವ ಸಾಧನಗಳು |
|---|---|---|
| Chromium (Chrome ಮತ್ತು Edge ನಲ್ಲಿ) | 153 | ಕಂಪ್ಯೂಟರ್, ಮತ್ತು ಟಚ್ ಇರುವ Android ಫೋನ್ |
| Firefox | 155 | ಕಂಪ್ಯೂಟರ್, ಮತ್ತು ಫೋನ್ ಗಾತ್ರದ ಟಚ್ ಸ್ಕ್ರೀನ್ |
| WebKit (Safari ಯಲ್ಲಿ) | 26.6 | ಕಂಪ್ಯೂಟರ್, ಮತ್ತು ಟಚ್ ಇರುವ iPhone |
| iPhone ನಲ್ಲಿ Safari | iOS 17.5 ಮತ್ತು 18.6 | iPhone ಸಿಮ್ಯುಲೇಟರ್ |
ಬೆಂಬಲಿತ ಅತ್ಯಂತ ಹಳೆಯ ಆವೃತ್ತಿ ಮತ್ತು ಪರೀಕ್ಷಿಸಿದ ಆವೃತ್ತಿಗಳ ನಡುವಿನ ಆವೃತ್ತಿಗಳನ್ನು ಒಂದೊಂದಾಗಿ ಪರೀಕ್ಷಿಸುವುದಿಲ್ಲ: ಕಾಂಪೊನೆಂಟ್ಗಳಿಗೆ ಬೇಕಾದ ಪ್ರತಿಯೊಂದು ವೈಶಿಷ್ಟ್ಯವೂ ಅವುಗಳಲ್ಲಿ ಇರುವುದರಿಂದ ಅವು ಬೆಂಬಲಿತವಾಗಿವೆ.
ಹೊಸ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಹೆಚ್ಚುವರಿ ಸೌಲಭ್ಯಗಳು
ಕೆಲವು ಸಣ್ಣ ವಿವರಗಳು ಹೊಸ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಮಾತ್ರ ಇರುವ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಬಳಸುತ್ತವೆ. ಇತರ ಬ್ರೌಸರ್ಗಳು ಅವನ್ನು ಬಿಟ್ಟುಬಿಡುತ್ತವೆ, ಮತ್ತು ಏನೂ ಹಾಳಾಗುವುದಿಲ್ಲ:
| ವಿವರ | ಬ್ರೌಸರ್ಗಳು | ಇತರ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ |
|---|---|---|
| ಪಾಪ್ಓವರ್ಗಳು, ಮೆನುಗಳು ಮತ್ತು ಡೈಲಾಗ್ಗಳು ಅನಿಮೇಷನ್ನೊಂದಿಗೆ ಬಂದು ಹೋಗುತ್ತವೆ | Chrome ಮತ್ತು Edge, Firefox 129, Safari 17.5 | ಅವು ತಕ್ಷಣ ಕಾಣಿಸಿಕೊಂಡು ತಕ್ಷಣ ಮರೆಯಾಗುತ್ತವೆ |
ಸ್ಕ್ವರ್ಕಲ್ ಮೂಲೆಗಳು (corner-shape) | Chrome ಮತ್ತು Edge 139 | ದುಂಡಗಿನ ಮೂಲೆಗಳು |
| ಪರದೆಯ ಮೇಲೆ ಎಲ್ಲಿಂದ ಬೇಕಾದರೂ ಬಣ್ಣ ಆರಿಸುವುದು | ಕಂಪ್ಯೂಟರ್ಗಳಲ್ಲಿ Chrome ಮತ್ತು Edge | ಐಡ್ರಾಪರ್ ಬಟನ್ ಇರುವುದಿಲ್ಲ |
| ಡ್ರಾಪ್ಜೋನ್ನಲ್ಲಿ ಇಡೀ ಫೋಲ್ಡರ್ ಆರಿಸುವುದು | ಕಂಪ್ಯೂಟರ್ಗಳಲ್ಲಿನ ಬ್ರೌಸರ್ಗಳು | ಫೈಲ್ಗಳು ಮಾತ್ರ |
| ಕ್ಯಾರೊಸೆಲ್ನ ರೊಟೇಶನ್ ಕಂಟ್ರೋಲ್ನ ವೃತ್ತ ಸರಾಗವಾಗಿ ತುಂಬುತ್ತದೆ | Chrome ಮತ್ತು Edge, Firefox 128, Safari | ಅದು ಒಮ್ಮೆಲೇ ತುಂಬುತ್ತದೆ |
ಫೋನ್ಗಳು ಮತ್ತು ಟಚ್ ಸ್ಕ್ರೀನ್ಗಳು
ಪ್ರತಿಯೊಂದು ಕಾಂಪೊನೆಂಟ್ ಟಚ್ನೊಂದಿಗೆ ಕೆಲಸ ಮಾಡುತ್ತದೆ. ಸ್ಪ್ಲಿಟರ್ ಹ್ಯಾಂಡಲ್ಗಳು, ಬಣ್ಣದ ಪ್ರದೇಶ, ಕಾಲಮ್ ಅಂಚುಗಳು ಮತ್ತು ಟೋಸ್ಟ್ಗಳು ಪುಟವನ್ನು ಸ್ಕ್ರಾಲ್ ಮಾಡದೆ ಬೆರಳನ್ನು ಹಿಂಬಾಲಿಸುತ್ತವೆ, ಕ್ಯಾರೊಸೆಲ್ ಬ್ರೌಸರ್ನ ಸ್ವಂತ ಸ್ಕ್ರಾಲಿಂಗ್ನಿಂದಲೇ ಸ್ವೈಪ್ ಆಗುತ್ತದೆ, ಮತ್ತು ದೀರ್ಘವಾಗಿ ಒತ್ತಿ ಶೆಡ್ಯೂಲರ್ ಈವೆಂಟ್ ಅನ್ನು ಎತ್ತಿಕೊಂಡು ಸರಿಸಬಹುದು. ಟಚ್ ಸ್ಕ್ರೀನ್ಗಳಲ್ಲಿ ಫೀಲ್ಡ್ಗಳ ಪಠ್ಯ ಕನಿಷ್ಠ 16px ಇರುತ್ತದೆ, ಹಾಗಾಗಿ iPhone ಗಳು ಅವುಗಳ ಮೇಲೆ ಜೂಮ್ ಮಾಡುವುದಿಲ್ಲ, ಮತ್ತು Android ಕೀಬೋರ್ಡ್ಗಳಂತೆ ಪದಗಳನ್ನು ಸಂಯೋಜಿಸುವ ಕೀಬೋರ್ಡ್ಗಳಿಂದ ಬರುವ ಪದಗಳು ಪೂರ್ತಿಯಾಗಿ ತಲುಪುತ್ತವೆ.
ಟಚ್ ಸ್ಕ್ರೀನ್ಗಳಲ್ಲಿ ಹೋವರ್ ಸಾಧ್ಯವಿಲ್ಲ, ಹಾಗಾಗಿ ಹೋವರ್ಕಾರ್ಡ್ ಪುಟದಲ್ಲಿ ಇರುವುದಕ್ಕೆ ಪೂರಕ ಮಾತ್ರ: ಅಗತ್ಯವಾದ ಯಾವುದನ್ನೂ ಅದರಲ್ಲಿ ಇಡಬೇಡಿ. ಫೋನ್ನಲ್ಲಿ, ಚಾಟ್ನಲ್ಲಿ Return ಕೀ ಹೊಸ ಸಾಲು ಆರಂಭಿಸುತ್ತದೆ, ಮತ್ತು ಸಂದೇಶವನ್ನು ಬಟನ್ ಕಳುಹಿಸುತ್ತದೆ.
Safari ಯಲ್ಲಿ ಕೀಬೋರ್ಡ್
ಡೀಫಾಲ್ಟ್ ಆಗಿ, Safari ಯಲ್ಲಿ Tab ಕೀ ಪಠ್ಯ ಫೀಲ್ಡ್ಗಳು ಮತ್ತು ಪಾಪ್-ಅಪ್ ಮೆನುಗಳ ನಡುವೆ ಮಾತ್ರ ಸರಿಯುತ್ತದೆ. ಪ್ರತಿಯೊಂದು ಬಟನ್ ಮತ್ತು ಲಿಂಕ್ ತಲುಪಲು, Safari ಯ “ಸುಧಾರಿತ” (Advanced) ಸೆಟ್ಟಿಂಗ್ಗಳಲ್ಲಿ “ವೆಬ್ಪುಟದಲ್ಲಿನ ಪ್ರತಿಯೊಂದು ಐಟಂ ಅನ್ನು ಹೈಲೈಟ್ ಮಾಡಲು Tab ಒತ್ತಿ” (Press Tab to highlight each item on a webpage) ಅನ್ನು ಆನ್ ಮಾಡಿ, ಅಥವಾ Option-Tab ಒತ್ತಿ. ಅಲ್ಲದೆ, ಬಟನ್ ಕ್ಲಿಕ್ ಮಾಡಿದಾಗ Safari ಅದಕ್ಕೆ ಫೋಕಸ್ ನೀಡುವುದಿಲ್ಲ; ಕಾಂಪೊನೆಂಟ್ಗಳು ಆ ಕೊರತೆಯನ್ನು ತುಂಬುತ್ತವೆ, ಹಾಗಾಗಿ ಇತರ ಬ್ರೌಸರ್ಗಳಲ್ಲಿರುವಂತೆಯೇ ಕ್ಲಿಕ್ ನಂತರವೂ ಕೀಬೋರ್ಡ್ ಅಲ್ಲಿಂದಲೇ ಮುಂದುವರಿಯುತ್ತದೆ.