ویژگی‌های رسانه ترجیحی کاربر به شما این امکان را می‌دهد که به تجربه‌های وب سبکی بدهید که با اولویت‌ها و نیازهای خاص خود کاربر هماهنگ باشد. به عبارت دیگر، ویژگی های رسانه ترجیحی به شما این امکان را می دهد که تجربیات کاربری خود را با انتظارات کاربر تطبیق دهید.
با انجام سه مرحله زیر می توانید تجربه کاربری وب سایت خود را افزایش دهید:
- احتمالات را کشف کنید . همه ویژگی های رسانه ترجیحی کاربر را بیاموزید.
- به تجربیات وب خود سبک دهید . برای مثال، تغییرات رنگ، چیدمان و اندازه عنصر را بر اساس ترجیحات اعمال کنید.
- UI را تست کنید . در DevTools ، تنظیمات برگزیده را شبیه سازی کنید و نحوه رفتار وب سایت خود را آزمایش کنید.
DevTools از انواع گزینه های شبیه سازی پشتیبانی می کند. برای کمک به شما برای جلوگیری از جستجو و تنظیم تنظیمات سیستم و مرورگر، همه گزینه‌های شبیه‌سازی در یک مکان در زیر تب Rendering در DevTools قرار دارند.
گزینه‌های شبیه‌سازی تنظیمات برگزیده کاربر شامل، اما محدود به موارد زیر نیست:
-
prefers-color scheme- طرح رنگ روشن یا تیره -
prefers-contrastکنتراست کمتر یا بالاتر -
prefers-reduced-motionحرکت را به حداقل برسانید یا نه -
prefers-reduced-dataترافیک کمتری مصرف می‌کند یا نه
برای فهرستی جامع از همه گزینه‌های شبیه‌سازی، به شبیه‌سازی ویژگی‌های رسانه CSS مراجعه کنید.
برای کشف جلوه‌های بیشتر که می‌توانید با استفاده از برگه Rendering اعمال کنید، به نمای کلی برگه Rendering مراجعه کنید.
علاوه بر این، با DevTools، قابلیت‌های تست شما به دستگاهی که روی آن کار می‌کنید محدود نمی‌شود. شما می توانید دستگاه های تلفن همراه را با حالت دستگاه شبیه سازی کنید .