सीएसएस मीडिया सुविधाओं को एम्युलेट करें

Sofia Emelianova
Sofia Emelianova

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

सीएसएस मीडिया फ़ीचर prefers-color-scheme को एम्युलेट करें

prefers-color-scheme सीएसएस मीडिया सुविधा से पता चलता है कि उपयोगकर्ता को हल्के या गहरे रंग की स्कीम पसंद है या नहीं.

इस स्थिति को एम्युलेट करने के लिए:

  1. prefers-color-scheme पेज पर जाकर, रेंडरिंग टैब खोलें.
  2. एमूलेट सीएसएस मीडिया फ़ीचर prefers-color-scheme में जाकर, ड्रॉप-डाउन सूची से इनमें से कोई एक चुनें:

    • कोई एम्युलेशन नहीं
    • prefers-color-scheme:light
    • prefers-color-scheme:dark
  3. पेज को फिर से लोड करें. उदाहरण के लिए:

एम्युलेट की गई प्राथमिकताएं-रंग-स्कीम:डार्क

सीएसएस मीडिया टाइप को एम्युलेट करें (प्रिंट की झलक चालू करें)

प्रिंट मीडिया क्वेरी तय करती है कि प्रिंट किए जाने पर आपका पेज कैसा दिखेगा.

अपने पेज को प्रिंट पूर्वावलोकन मोड में ज़बरदस्ती लागू करने के लिए:

  1. रेंडरिंग टैब खोलें और सीएसएस मीडिया टाइप एम्युलेट करें में जाकर, प्रिंट करें चुनें.

    प्रिंट झलक मोड

  2. यहां से, किसी भी दूसरे वेब पेज की तरह ही, अपने सीएसएस को देखा और बदला जा सकता है. सीएसएस देखने और उसे बदलने के साथ शुरू करें लेख देखें.

सीएसएस मीडिया फ़ीचर forced-colors को एम्युलेट करें

forced-colors सीएसएस मीडिया सुविधा से पता चलता है कि उपयोगकर्ता एजेंट ने फ़ोर्स्ड कलर मोड चालू किया है या नहीं. फ़ोर्स किए गए कलर मोड का एक उदाहरण Windows High कंट्रास्ट है.

इस स्थिति को एम्युलेट करने के लिए:

  1. रेंडरिंग टैब खोलें.
  2. एमूलेट सीएसएस मीडिया फ़ीचर forced-colors में जाकर, ड्रॉप-डाउन सूची से इनमें से कोई एक चुनें:

    • कोई एम्युलेशन नहीं
    • forced-colors:active
    • forced-colors:none

forced-colors:active एम्युलेट किए गए:

फ़ोर्स्ड-कलर:ऐक्टिव

सीएसएस मीडिया फ़ीचर prefers-contrast को एम्युलेट करें

prefers-contrast सीएसएस मीडिया की सुविधा से पता चलता है कि उपयोगकर्ता ने वेब कॉन्टेंट को ज़्यादा, कम या खास कंट्रास्ट वैल्यू के साथ दिखाने का अनुरोध किया है या नहीं.

इस स्थिति को एम्युलेट करने के लिए:

  1. रेंडरिंग टैब खोलें.
  2. एमूलेट सीएसएस मीडिया फ़ीचर prefers-contrast में जाकर, ड्रॉप-डाउन सूची से इनमें से कोई एक चुनें:

    • कोई एम्युलेशन नहीं
    • prefers-contrast:more
    • prefers-contrast:less
    • prefers-contrast:custom

सीएसएस मीडिया फ़ीचर prefers-reduced-motion को एम्युलेट करें

prefers-reduced-motion सीएसएस मीडिया सुविधा से पता चलता है कि उपयोगकर्ता ने पेज पर मोशन को कम करने का अनुरोध किया है या नहीं.

इस स्थिति को एम्युलेट करने के लिए:

  1. इस डेमो पर रेंडरिंग टैब खोलें और अलग-अलग ऐनिमेशन देखने के लिए स्क्रोल करके देखें.
  2. एम्यूलेट सीएसएस मीडिया फ़ीचर prefers-reduced-motion में जाकर, prefers-reduced-motion:reduce चुनें.
  3. फिर से स्क्रोल करने की कोशिश करें.

सीएसएस मीडिया फ़ीचर prefers-reduced-transparency को एम्युलेट करें

prefers-reduced-transparency सीएसएस मीडिया सुविधा से पता चलता है कि उपयोगकर्ता ने डिवाइस पर इस्तेमाल किए गए, पारदर्शी या पारदर्शी लेयर के इफ़ेक्ट को कम करने का अनुरोध किया है या नहीं.

prefers-reduced-transparency की सुविधा, Chrome 118 में उपलब्ध है. इसकी मदद से, ओएस में कम पारदर्शिता के लिए, वेब कॉन्टेंट को उपयोगकर्ता की चुनी गई प्राथमिकता के हिसाब से बदला जा सकता है. जैसे, macOS पर पारदर्शिता कम करें सेटिंग.

इस स्थिति को एम्युलेट करने के लिए:

  1. रेंडरिंग टैब खोलें.
  2. एम्यूलेट सीएसएस मीडिया फ़ीचर prefers-reduced-transparency में जाकर, prefers-reduced-transparency: reduce चुनें.
  3. देखें कि आपका पेज ठीक से दिख रहा है या नहीं.

सीएसएस मीडिया फ़ीचर color-gamut को एम्युलेट करें

color-gamut सीएसएस मीडिया सुविधा से पता चलता है कि उपयोगकर्ता एजेंट और आउटपुट डिवाइस किस रेंज में काम करता है.

इस स्थिति को एम्युलेट करने के लिए:

  1. रेंडरिंग टैब खोलें.
  2. एमूलेट सीएसएस मीडिया फ़ीचर color-gamut में जाकर, ड्रॉप-डाउन सूची से इनमें से कोई एक चुनें:

    • कोई एम्युलेशन नहीं
    • color-gamut:srgb—करीब sRGB गैमट या इससे ज़्यादा
    • color-gamut:p3Display P3 कलर स्पेस या इससे ज़्यादा में दिया गया गैमट करीब-करीब
    • color-gamut:rec2020Rec. 2020 या इससे ज़्यादा में बताया गया करीब-करीब सारा मुनाफ़ा