تعتمد Needless UI على العناصر الأصلية وعلى ميزات حديثة في منصة الويب، مثل Popover API. وهي تدعم المتصفحات المذكورة أدناه بدءًا من الإصدار المبيَّن لكلٍّ منها. أما في الإصدارات الأقدم، فلا تُفتح القوائم ولا مكوّنات Select ولا النوافذ المنبثقة.
المتصفحات المدعومة
| المتصفح | من الإصدار | مطلوب من أجل |
|---|---|---|
| Chrome وEdge، على أجهزة الكمبيوتر وAndroid | 120 | الأيقونات المرسومة بأقنعة CSS، و:dir() للنصوص من اليمين إلى اليسار |
| Firefox، على أجهزة الكمبيوتر وAndroid | 125 | Popover API |
| Safari على Mac | 17 | Popover API |
| كل المتصفحات على iPhone وiPad | iOS 17 | Popover API |
| متصفح Samsung Internet | 25 | مثل Chrome |
أما المتصفحات الأخرى المبنية على Chromium، مثل Opera وBrave، فتتبع إصدارات Chrome. ويتطلب Angular 22 نفسه الإصدار 119 من Chrome وEdge وFirefox، والإصدار 17 من Safari. ولا يُدعَم Internet Explorer ولا Edge القديم الذي سبق انتقاله إلى Chromium.
المتصفحات المُختبَرة
مع كل تغيير، تُشغَّل اختبارات كل مكوّن في محركات Chrome وFirefox وSafari. وقبل نشر أي إصدار جديد، تُفحَص كل صفحة من صفحات هذا التوثيق في كل محرك، على جهاز كمبيوتر وعلى هاتف باستخدام اللمس: يجب أن يبدأ تشغيلها، وأن تُفتح فيها كل قائمة ونافذة منبثقة، وأن تتسع لها الشاشة، وأن تجتاز فحوص إمكانية الوصول.
| المحرك | الإصدار | يُختبَر على |
|---|---|---|
| Chromium (محرك Chrome وEdge) | 153 | جهاز كمبيوتر، وهاتف Android باستخدام اللمس |
| Firefox | 155 | جهاز كمبيوتر، وشاشة لمس بحجم الهاتف |
| WebKit (محرك Safari) | 26.6 | جهاز كمبيوتر، وiPhone باستخدام اللمس |
| Safari على iPhone | iOS 17.5 و18.6 | محاكي iPhone |
لا تُختبَر الإصدارات الواقعة بين أقدم إصدار مدعوم والإصدارات المُختبَرة واحدًا واحدًا: فهي مدعومة لأنها تتضمن كل الميزات التي تحتاج إليها المكونات.
إضافات في المتصفحات الأحدث
تستخدم بعض التفاصيل ميزات لا تتوفر إلا في المتصفحات الأحدث. وتستغني عنها المتصفحات الأخرى دون أن يتعطل شيء:
| التفصيل | المتصفحات | في غيرها |
|---|---|---|
| تتحرك النوافذ المنبثقة والقوائم ومربعات الحوار عند ظهورها واختفائها | Chrome وEdge، وFirefox 129، وSafari 17.5 | تظهر وتختفي فورًا |
زوايا بشكل squircle (corner-shape) | Chrome وEdge 139 | زوايا مستديرة |
| التقاط لون من أي مكان على الشاشة | Chrome وEdge على أجهزة الكمبيوتر | لا يظهر زر القطّارة |
| اختيار مجلد كامل في منطقة الإفلات | المتصفحات على أجهزة الكمبيوتر | الملفات فقط |
| تمتلئ حلقة زر التدوير في دوّار الشرائح بسلاسة | Chrome وEdge، وFirefox 128، وSafari | تمتلئ فورًا |
الهواتف وشاشات اللمس
تعمل كل المكونات باللمس. فمقابض المُقسِّم، ومساحة منتقي الألوان، وحواف أعمدة شبكة البيانات، وإشعارات Toast تتبع الإصبع دون أن تُمرَّر الصفحة، ويتنقّل دوّار الشرائح بالسحب بالإصبع عبر تمرير المتصفح نفسه، ويلتقط الضغط المطوَّل حدثًا في المُجدوِل. وعلى شاشات اللمس، لا يقل حجم نص الحقول عن 16 بكسل، فلا تُكبِّر أجهزة iPhone العرض عند التركيز عليها، وتصل الكلمات كاملةً من لوحات المفاتيح التي تُركّبها أثناء الكتابة، مثل لوحات مفاتيح Android.
لا يمكن تمرير المؤشر فوق العناصر على شاشات اللمس، لذا فبطاقة التحويم ليست سوى إضافة إلى ما في الصفحة: لا تضع فيها أي شيء أساسي. وعلى الهاتف، يبدأ مفتاح Return في المحادثة سطرًا جديدًا، ويتولى زرّها الإرسال.
لوحة المفاتيح في Safari
افتراضيًا، لا ينقل مفتاح Tab في Safari التركيز إلا بين الحقول النصية والقوائم المنبثقة. وللوصول إلى كل زر ورابط، فعّل «اضغط على Tab لتمييز كل عنصر في صفحة الويب» (Press Tab to highlight each item on a webpage) في إعدادات Safari المتقدمة (Advanced)، أو اضغط Option-Tab. كذلك لا ينقل Safari التركيز إلى الزر عند النقر عليه؛ وتعوّض المكونات ذلك، فيستمر التنقل بلوحة المفاتيح بعد النقر كما في المتصفحات الأخرى.