تمنحك ميزات الوسائط المفضّلة للمستخدم إمكانية تصميم تجارب ويب تتوافق مع الإعدادات المفضّلة والاحتياجات المحدّدة للمستخدم. بعبارة أخرى، تتيح لك ميزات الوسائط المفضّلة إمكانية تكييف تجارب المستخدمين وفقًا لتوقعاتهم.
يمكنك تحسين تجربة المستخدم لموقعك الإلكتروني من خلال اتّخاذ الخطوات الثلاث التالية:
- التعرّف على الإمكانات تعرَّف على جميع ميزات الوسائط المفضّلة للمستخدم.
- تصميم تجارب الويب على سبيل المثال، يمكنك تنفيذ تغييرات في اللون والتنسيق وحجم العناصر استنادًا إلى الإعدادات المفضّلة.
- اختبار واجهة المستخدم في DevTools، يمكنك محاكاة الإعدادات المفضّلة واختبار أداء موقعك الإلكتروني.
تتيح "أدوات المطوّر" مجموعة متنوعة من خيارات المحاكاة. لمساعدتك في تجنُّب البحث عن إعدادات النظام والمتصفّح وتعديلها، تتوفّر جميع خيارات المحاكاة في مكان واحد، ضمن علامة التبويب العرض في "أدوات مطوّري البرامج".
تشمل خيارات المحاكاة للإعدادات المفضّلة للمستخدم ما يلي، على سبيل المثال لا الحصر:
prefers-color scheme—مخطط الألوان الفاتح أو الداكنprefers-contrast—تباين أقل أو أعلىprefers-reduced-motion—تقليل الحركة أو عدم تقليلهاprefers-reduced-data- استخدام عدد زيارات أقل أو عدم استخدامه
للحصول على قائمة شاملة بجميع خيارات المحاكاة، يُرجى الاطّلاع على مقالة محاكاة ميزات الوسائط في CSS.
للتعرّف على المزيد من التأثيرات التي يمكنك تطبيقها باستخدام علامة التبويب العرض، اطّلِع على نظرة عامة على علامة التبويب "العرض".
بالإضافة إلى ذلك، لا تقتصر إمكانات الاختبار على الجهاز الفردي الذي تعمل عليه باستخدام DevTools. يمكنك محاكاة الأجهزة الجوّالة باستخدام وضع "الجهاز".