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