DevTools के बारे में सलाह: DevTools की मदद से, सीएसएस की उपयोगकर्ता की पसंद की मीडिया सुविधाओं को एम्युलेट करने का तरीका

Sofia Emelianova
Sofia Emelianova

उपयोगकर्ता की पसंद की मीडिया सुविधाओं से, आपको वेब अनुभव को उपयोगकर्ता की पसंद और ज़रूरतों के मुताबिक बनाने की सुविधा मिलती है. दूसरे शब्दों में कहें, तो उपयोगकर्ताओं की पसंद के हिसाब से मीडिया की सुविधाएं इस्तेमाल करके, उपयोगकर्ता की उम्मीदों के हिसाब से उन्हें इस्तेमाल किया जा सकता है.

अपनी वेबसाइट पर उपयोगकर्ता अनुभव को बेहतर बनाने के लिए, इन तीन चरणों को पूरा करें:

  1. संभावनाओं के बारे में जानें. उपयोगकर्ता की पसंद के मीडिया की सभी सुविधाओं के बारे में जानें.
  2. अपने वेब अनुभवों को मनपसंद शैली में बनाएं. उदाहरण के लिए, प्राथमिकताओं के आधार पर रंग, लेआउट, और एलिमेंट के साइज़ में बदलाव करना.
  3. यूज़र इंटरफ़ेस (यूआई) की जांच करें. DevTools में, प्राथमिकताओं को एम्युलेट करें और टेस्ट करें कि आपकी वेबसाइट कैसे काम करती है.

DevTools एम्युलेशन के कई विकल्प काम करते हैं. सिस्टम और ब्राउज़र सेटिंग को खोजने और उनमें बदलाव करने से बचने में आपकी मदद करने के लिए, एम्युलेटर के सभी विकल्प एक ही जगह पर, DevTools में रेंडरिंग टैब के नीचे मौजूद होते हैं.

रेंडरिंग टैब.

एम्युलेट करने के लिए उपयोगकर्ता की प्राथमिकताओं में ये विकल्प शामिल हैं. हालांकि, इनमें और भी विकल्प शामिल हो सकते हैं:

  • prefers-color scheme—हल्के या गहरे रंग की स्कीम
  • prefers-contrast—कम या ज़्यादा कंट्रास्ट
  • prefers-reduced-motion—गतिविधि कम करें या कम करें
  • prefers-reduced-data—कम ट्रैफ़िक का इस्तेमाल करें या नहीं

एम्युलेट करने के सभी विकल्पों की पूरी जानकारी वाली सूची के लिए, सीएसएस मीडिया की सुविधाओं को एम्युलेट करें देखें.

रेंडरिंग टैब का इस्तेमाल करके, लागू किए जा सकने वाले ज़्यादा इफ़ेक्ट के बारे में जानने के लिए, रेंडरिंग टैब की खास जानकारी देखें.

इसके अलावा, DevTools की मदद से, टेस्टिंग की सुविधाएं सिर्फ़ उस डिवाइस तक सीमित नहीं हैं जिस पर काम किया जा रहा है. डिवाइस मोड का इस्तेमाल करके, मोबाइल डिवाइसों को सिम्युलेट किया जा सकता है.