उपयोगकर्ता की पसंद के मुताबिक मीडिया की सुविधाएं, आपको वेब अनुभव को स्टाइल करने की सुविधा देती हैं. यह अनुभव, उपयोगकर्ता की पसंद और ज़रूरतों के हिसाब से होता है. दूसरे शब्दों में, प्राथमिकता वाले मीडिया की सुविधाओं की मदद से, उपयोगकर्ता अनुभव को उपयोगकर्ता की उम्मीदों के हिसाब से बनाया जा सकता है.
यहां दिए गए तीन चरणों को अपनाकर, अपनी वेबसाइट के उपयोगकर्ता अनुभव को बेहतर बनाया जा सकता है:
- अवसरों के बारे में जानें. उपयोगकर्ता की मीडिया से जुड़ी प्राथमिकता की सभी सुविधाओं के बारे में जानें.
- वेब पर अपने अनुभवों को स्टाइल करना. उदाहरण के लिए, प्राथमिकताओं के आधार पर रंग, लेआउट, और एलिमेंट के साइज़ में बदलाव लागू करना.
- यूज़र इंटरफ़ेस (यूआई) की जांच करें. DevTools में, प्राथमिकताओं को एमुलेट करें और देखें कि आपकी वेबसाइट कैसा परफ़ॉर्म करती है.
DevTools में, कई तरह के इम्यूलेशन विकल्प उपलब्ध हैं. सिस्टम और ब्राउज़र की सेटिंग को खोजने और उनमें बदलाव करने से बचने के लिए, सभी इम्यूलेशन विकल्प एक ही जगह पर मौजूद हैं. ये विकल्प, DevTools में रेंडरिंग टैब में मौजूद होते हैं.
उपयोगकर्ता की प्राथमिकताओं के लिए, इम्यूलेशन के ये विकल्प उपलब्ध हैं. हालांकि, इनमें और भी विकल्प शामिल हो सकते हैं:
prefers-color scheme—हल्की या गहरी कलर स्कीमprefers-contrast—कम या ज़्यादा कंट्रास्टprefers-reduced-motion—मोशन को कम करना है या नहींprefers-reduced-data—कम ट्रैफ़िक का इस्तेमाल करना है या नहीं
एम्युलेट करने के सभी विकल्पों की पूरी सूची के लिए, सीएसएस मीडिया फ़ीचर एम्युलेट करना लेख पढ़ें.
रेंडरिंग टैब का इस्तेमाल करके, ज़्यादा इफ़ेक्ट लागू किए जा सकते हैं. इन इफ़ेक्ट के बारे में जानने के लिए, रेंडरिंग टैब की खास जानकारी देखें.
इसके अलावा, DevTools की मदद से, सिर्फ़ उस डिवाइस पर टेस्टिंग नहीं की जा सकती जिस पर आप काम कर रहे हैं. डिवाइस मोड की मदद से, मोबाइल डिवाइसों को सिम्युलेट किया जा सकता है.