Needless UI بر پایهٔ عناصر بومی و قابلیتهای تازهٔ پلتفرم وب، مانند Popover API، ساخته شده است. از مرورگرهای زیر، از نسخهای که برای هر کدام آمده به بعد، پشتیبانی میکند. در نسخههای قدیمیتر، منوها، سلکتها و popoverها باز نمیشوند.
مرورگرهای پشتیبانیشده
| مرورگر | از نسخهٔ | لازم برای |
|---|---|---|
| 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 |
نسخههای میان قدیمیترین نسخهٔ پشتیبانیشده و نسخههای تستشده یکییکی تست نمیشوند: پشتیبانی میشوند، چون همهٔ قابلیتهایی را که کامپوننتها لازم دارند در خود دارند.
امکانات بیشتر در مرورگرهای جدیدتر
برخی جزئیات از قابلیتهایی استفاده میکنند که فقط مرورگرهای جدیدتر دارند. مرورگرهای دیگر از آنها چشمپوشی میکنند و چیزی خراب نمیشود:
| جزئیات | مرورگرها | در مرورگرهای دیگر |
|---|---|---|
| انیمیشن باز و بسته شدن popoverها، منوها و دیالوگها | Chrome و Edge، Firefox 129، Safari 17.5 | بیدرنگ ظاهر و پنهان میشوند |
گوشههای squircle (corner-shape) | Chrome و Edge 139 | گوشههای گرد |
| برداشتن رنگ از هر جای صفحهنمایش | Chrome و Edge روی کامپیوتر | بدون دکمهٔ قطرهچکان |
| انتخاب یک پوشهٔ کامل در ناحیهٔ رها کردن فایل | مرورگرها روی کامپیوتر | فقط فایلها |
| پر شدن نرم حلقهٔ کنترل چرخش کاروسل | Chrome و Edge، Firefox 128، Safari | یکباره پر میشود |
گوشیها و صفحههای لمسی
همهٔ کامپوننتها با لمس کار میکنند. دستگیرههای تقسیمکننده، ناحیهٔ رنگ در انتخابگر رنگ، لبهٔ ستونهای جدول داده و توستها بیآنکه صفحه اسکرول شود همراه انگشت حرکت میکنند، کاروسل با کشیدن انگشت و به کمک اسکرول خود مرورگر جابهجا میشود، و لمس طولانی رویدادی را در زمانبند برمیدارد. در صفحههای لمسی، متن فیلدها دستکم ۱۶ پیکسل است تا iPhone روی آنها زوم نکند، و واژههایی که صفحهکلید هنگام تایپ ترکیب میکند، همانطور که صفحهکلیدهای Android میکنند، کامل به فیلد میرسند.
در صفحههای لمسی نمیتوان نشانگر را روی چیزی نگه داشت، پس hovercard فقط چیزی به محتوای صفحه میافزاید: هیچ چیز ضروری را در آن نگذارید. روی گوشی، کلید Return در چت خط تازهای شروع میکند و دکمهٔ ارسال، پیام را میفرستد.
صفحهکلید در Safari
بهطور پیشفرض، کلید Tab در Safari فوکوس را فقط میان فیلدهای متنی و منوهای بازشو جابهجا میکند. برای رسیدن به همهٔ دکمهها و لینکها، گزینهٔ «برای برجسته کردن هر مورد در صفحهٔ وب، Tab را فشار دهید» (Press Tab to highlight each item on a webpage) را در تنظیمات پیشرفتهٔ Safari (Advanced) روشن کنید، یا Option-Tab را فشار دهید. Safari همچنین با کلیک روی دکمه، آن را فوکوس نمیکند؛ کامپوننتها این را جبران میکنند تا پیمایش با صفحهکلید پس از کلیک، مثل مرورگرهای دیگر، از همانجا ادامه یابد.