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 प्रमाणेच |
Chromium वर आधारित इतर ब्राउझर, जसे Opera आणि Brave, 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 क्लिक केलेल्या बटणावर फोकस देत नाही; कंपोनंट्स ही उणीव भरून काढतात, त्यामुळे क्लिकनंतरही कीबोर्ड इतर ब्राउझरप्रमाणे तिथूनच पुढे चालतो.