تعتمد Needless UI على العناصر الأصلية وعلى ميزات حديثة في منصة الويب، مثل Popover API. وهي تدعم المتصفحات المذكورة أدناه بدءًا من الإصدار المبيَّن لكلٍّ منها. أما في الإصدارات الأقدم، فلا تُفتح القوائم ولا مكوّنات Select ولا النوافذ المنبثقة.

المتصفحات المدعومة

أقدم الإصدارات المدعومة
المتصفحمن الإصدارمطلوب من أجل
Chrome وEdge، على أجهزة الكمبيوتر وAndroid120الأيقونات المرسومة بأقنعة CSS، و:dir() للنصوص من اليمين إلى اليسار
Firefox، على أجهزة الكمبيوتر وAndroid125Popover API
Safari على Mac17Popover API
كل المتصفحات على iPhone وiPadiOS 17Popover API
متصفح Samsung Internet25مثل 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 باستخدام اللمس
Firefox155جهاز كمبيوتر، وشاشة لمس بحجم الهاتف
WebKit (محرك Safari)26.6جهاز كمبيوتر، وiPhone باستخدام اللمس
Safari على iPhoneiOS 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 التركيز إلى الزر عند النقر عليه؛ وتعوّض المكونات ذلك، فيستمر التنقل بلوحة المفاتيح بعد النقر كما في المتصفحات الأخرى.