अप्रैल में वेब प्लैटफ़ॉर्म पर नई सुविधाएं

अप्रैल 2022 में, स्टेबल और बीटा वर्शन के वेब ब्राउज़र में इस्तेमाल की गई कुछ दिलचस्प सुविधाओं के बारे में जानें.

स्टेबल ब्राउज़र रिलीज़

अप्रैल में, Chrome 101 और Firefox 99 के स्टेबल वर्शन रिलीज़ हो गए. पिछले महीने सुविधाओं की बंपर क्रॉपिंग के बाद, अप्रैल के दौरान यहां थोड़ी शांति मिली. हालांकि, हमें कुछ दिलचस्प चीज़ों का पता चला.

Chrome 101 में hwb कलर नोटेशन शामिल होता है. यह अपने रंग, व्हाइटनेस, और ब्लैकनेस के हिसाब से रंग तय करता है. रंग के अन्य नोटेशन की तरह ही, वैकल्पिक अल्फा कॉम्पोनेंट से ओपैसिटी का पता चलता है.

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

hwb() के बारे में ज़्यादा जानने के लिए, स्टीफ़न जुडिस का यह लेख पढ़ें: hwb() – क्या यह रंग के लिए कोई नोटेशन है?.

ब्राउज़र के इस्तेमाल से जुड़ी सहायता

  • Chrome: 101.
  • Edge: 101.
  • Firefox: 96.
  • सफ़ारी: 15.

सोर्स

Chrome 101 में, फ़ेच करने की प्राथमिकता सुविधा भी उपलब्ध है. इससे, ब्राउज़र को यह बताया जा सकता है कि fetchpriority एट्रिब्यूट का इस्तेमाल करके, रिसॉर्स किस क्रम में डाउनलोड किए जाने चाहिए. नीचे दिए गए उदाहरण में, कम प्राथमिकता वाली इमेज को fetchpriority="low" से दिखाया गया है.

<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">

फ़ेच करने की प्राथमिकता की सुविधा, फ़िलहाल दूसरे ब्राउज़र में उपलब्ध नहीं है. हालांकि, Chromium 101 पर आधारित ब्राउज़र का इस्तेमाल करने वाले किसी भी व्यक्ति को फ़ायदा पहुंचाने के लिए, इस सुविधा का इस्तेमाल अभी से किया जा सकता है.

ब्राउज़र के इस्तेमाल से जुड़ी सहायता

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 132.
  • सफ़ारी: 17.2.

सोर्स

Firefox 99 में, नेविगेटर इंटरफ़ेस की pdfViewerEnabled प्रॉपर्टी शामिल है. इस प्रॉपर्टी से पता चलता है कि ब्राउज़र में PDF फ़ाइलों को इनलाइन डिसप्ले किया जा सकता है या नहीं.

if (!navigator.pdfViewerEnabled) {
  // The browser does not support inline viewing of PDF files.
}

ब्राउज़र के इस्तेमाल से जुड़ी सहायता

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 99.
  • Safari: 16.4.

सोर्स

ब्राउज़र के बीटा वर्शन की रिलीज़

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

अप्रैल में नए बीटा वर्शन में, Chrome 102, Firefox 100, और Safari 15.5 शामिल किए गए थे.

Chrome 102, Safari 15.5, और Firefox के प्रीव्यू वर्शन में inert एट्रिब्यूट शामिल है. ऐसा करने पर, टैब ऑर्डर और सुलभता ट्री से ऐसे एलिमेंट हट जाते हैं जो इंटरैक्टिव नहीं होते. उदाहरण के लिए, कोई ऐसा एलिमेंट जो फ़िलहाल ऑफ़स्क्रीन या छिपा हुआ है.

Chrome 102 में, HTML hidden एट्रिब्यूट के लिए नई वैल्यू until-found शामिल है. इससे, पेज पर मौजूद टेक्स्ट को ढूंढने की सुविधा चालू होती है. साथ ही, पेज के उस हिस्से में मौजूद टेक्स्ट पर स्क्रोल करने की सुविधा भी चालू होती है जो छोटा किया गया है. जैसे, आपको अकॉर्डियन पैटर्न में मिल सकता है. इस बारे में ज़्यादा जानकारी के लिए, पोस्ट में जाएं छिपे हुए=टाइलिंग-फ़ाउंड की मदद से, छोटे किए गए कॉन्टेंट को ऐक्सेस करने का तरीका.

ब्राउज़र सहायता

  • Chrome: 102.
  • Edge: 102.
  • Firefox: यह सुविधा काम नहीं करती.
  • Safari: यह सुविधा काम नहीं करती.

सोर्स

Chrome 102 में Local Font Access API भी शामिल है. इससे, उपयोगकर्ता के डिवाइस पर इंस्टॉल किए गए फ़ॉन्ट को ऐक्सेस किया जा सकता है.

ये बीटा सुविधाएं, जल्द ही स्टेबल ब्राउज़र में उपलब्ध होंगी.

वेब सीरीज़ के लिए नया है का हिस्सा