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

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

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

अप्रैल में, Chrome 101 और Firefox 99 के स्टेबल वर्शन उपलब्ध हो गए. पिछले महीने कई नई सुविधाएं लॉन्च होने के बाद, अप्रैल में कुछ कम सुविधाएं लॉन्च हुईं. हालांकि, हमें इस्तेमाल करने के लिए कुछ दिलचस्प सुविधाएं मिलीं.

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

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

hwb() के बारे में ज़्यादा जानने के लिए, Stefan Judis का यह लेख पढ़ें: hwb() – a color notation for humans?.

Browser Support

  • Chrome: 101.
  • Edge: 101.
  • Firefox: 96.
  • Safari: 15.

Source

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

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

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

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 132.
  • Safari: 17.2.

Source

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

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

Browser Support

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

Source

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

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

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

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

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

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

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

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