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 क्लिक किए गए बटन पर फ़ोकस भी नहीं करता; कंपोनेंट इसकी भरपाई करते हैं, इसलिए क्लिक के बाद भी कीबोर्ड दूसरे ब्राउज़र की तरह वहीं से आगे चलता है।