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 దానిపై ఫోకస్ పెట్టదు; కాంపోనెంట్లు ఆ లోటును భర్తీ చేస్తాయి, కాబట్టి ఇతర బ్రౌజర్లలో లాగే క్లిక్ తర్వాత కూడా కీబోర్డ్ అక్కడి నుంచే కొనసాగుతుంది.