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

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

अक्टूबर 2024 में, Firefox 131, Firefox 132, Safari 18.1, और Chrome 130 के स्टेबल वर्शन रिलीज़ किए गए. इस पोस्ट में, वेब प्लैटफ़ॉर्म में जोड़ी गई नई सुविधाओं के बारे में बताया गया है.

सिंक्रोनस इटरेटर हेल्पर

Firefox 131 में, सिंक्रोनस इटरेटर्स के लिए सहायता जोड़ी गई है. उदाहरण के लिए, Iterator.prototype.forEach() और Iterator.prototype.map(). ये हेल्पर, इंटरमीडियरी कलेक्शन ऑब्जेक्ट बनाए बिना, कलेक्शन की तरह ही काम करने वाले फ़ंक्शन को, कलेक्शन के लिए इस्तेमाल करने की सुविधा देते हैं. इसमें बहुत बड़े डेटा सेट भी शामिल हैं, जहां इंटरमीडियरी कलेक्शन बनाना मुमकिन नहीं होता.

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

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

सोर्स

टेक्स्ट फ़्रैगमेंट

Firefox 131 में भी टेक्स्ट फ़्रैगमेंट, सीएसएस ::target-text pseudo-element के साथ काम करता है.

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

  • Chrome: 89.
  • Edge: 89.
  • Firefox: 131.
  • Safari Technology Preview: काम करता है.

सोर्स

कुकीज़ हैविंग इंडिपेंडेंट पार्टिशन्ड स्टेट (सीएचआईपीएस)

Firefox 131 में CHIPS शामिल है. इसकी मदद से, Set-Cookie एचटीटीपी हेडर के partitioned निर्देश का इस्तेमाल करके, कुकी को अलग-अलग सेक्शन में बांटकर स्टोर किया जा सकता है.

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

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

सोर्स

मीडिया से जुड़े अपडेट

अक्टूबर के दौरान रिलीज़ किए गए दूसरे Firefox में मीडिया सुविधाओं का एक सेट है, जिसमें सभी Baseline Newly उपलब्ध हैं. Firefox 132 में, HTMLVideoElement के requestVideoFrameCallback() और cancelVideoFrameCallback() तरीके शामिल हैं.

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

  • Chrome: 83.
  • Edge: 83.
  • Firefox: 132.
  • Safari: 15.4.

सोर्स

इसमें MediaStreamTrack.getCapabilities() तरीका भी शामिल है.

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

  • Chrome: 59.
  • Edge: 12.
  • Firefox: 132.
  • Safari: 11.

सोर्स

fetchPriority

फ़ेच प्रायॉरिटी एपीआई, ब्राउज़र के लिए रिसॉर्स की रिलेटिव प्राथमिकता दिखाता है. यह Firefox 132 से काम करता है. इसका मतलब है कि यह मददगार एपीआई, अब Baseline में उपलब्ध है.

ज़्यादा जानने के लिए, Fetch Priority API की मदद से, संसाधन लोड करने की प्रोसेस को ऑप्टिमाइज़ करना लेख पढ़ें.

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

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

सोर्स

box-decoration-break की पूरी सहायता

Chrome 130 में, सीएसएस box-decoration-break प्रॉपर्टी के लिए, बिना प्रीफ़िक्स वाला पूरा वर्शन काम करता है. इसमें ब्लॉक और इनलाइन फ़्रैगमेंटेशन के लिए, clone की वैल्यू शामिल होती है.

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

  • Chrome: 130.
  • एज: 130.
  • Firefox: 32.
  • सफ़ारी: 7.

सोर्स

Chrome 130 में box-decoration-break प्रॉपर्टी में इस प्रॉपर्टी के बारे में ज़्यादा जानें.

नेस्ट किए गए एलान का नियम

Chrome 130 और Firefox 132, नेस्ट की गई सीएसएस के एलान के साथ काम करते हैं. इसका मतलब है कि नेस्ट की गई सीएसएस को सही तरीके से पार्स किया जाता है, जैसा कि CSSNestedDeclarations के साथ सीएसएस नेस्टिंग बेहतर होती है में बताया गया है.

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

  • Chrome: 130.
  • किनारा: 130.
  • Firefox: 132.
  • Safari: समर्थित नहीं.

वेब सीरियल connected एट्रिब्यूट और आरएफ़सीओएमएम कनेक्शन इवेंट

Chrome 130 में, बूलियन SerialPort.connected एट्रिब्यूट जोड़ा गया है. अगर सीरियल पोर्ट लॉजिकली कनेक्ट है, तो एट्रिब्यूट 'सही' दिखाता है.

इस सुविधा की मदद से, ब्लूटूथ RFCOMM सीरियल पोर्ट, इन इवेंट को डिस्पैच करते हैं, जब पोर्ट लॉजिकली कनेक्ट या डिसकनेक्ट हो जाता है.

इस सुविधा की मदद से, ऐप्लिकेशन यह पता लगा सकते हैं कि ब्लूटूथ RFCOMM सीरियल पोर्ट उपलब्ध है या नहीं. इसके लिए, उन्हें पोर्ट खोलने की ज़रूरत नहीं पड़ती.

ज़्यादा जानने के लिए, वेब सीरियल में ब्लूटूथ RFCOMM अपडेट लेख पढ़ें.

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

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

Safari में सुलभता से जुड़ी समस्याएं ठीक करना

Safari 18.1, Safari 18 के तुरंत बाद रिलीज़ किया गया है. इसमें, ऐक्सेस करने से जुड़ी कई समस्याओं को ठीक किया गया है. इनमें display: contents से जुड़ी समस्याएं भी शामिल हैं.

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

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

Firefox 133 में, WebCodecs API के ImageDecoder, ImageTrackList, और ImageTrack इंटरफ़ेस काम करते हैं. इनकी मदद से, मुख्य और वर्क थ्रेड से इमेज को डिकोड किया जा सकता है.

Firefox 133 में भी WorkerNavigator.permissions का इस्तेमाल किया जा सकता है.

Chrome 131 में सीएसएस हाइलाइट इनहेरिटेंस शामिल है. इसमें सीएसएस, ::selection और ::highlight जैसी स्यूडो क्लास को हाइलाइट करती हैं. ये एलिमेंट चेन के बजाय, सूडो हाइलाइट चेन के ज़रिए अपनी प्रॉपर्टी को इनहेरिट करती हैं. इससे हाइलाइट में प्रॉपर्टी को इनहेरिट करने के लिए, ज़्यादा आसान मॉडल बनता है.

Chrome 131 में, सीएसएस पेज किए गए मीडिया @page मार्जिन बॉक्स के लिए भी सहायता है, ताकि वेब से प्रिंट करते समय कस्टम हेडर और फ़ुटर दिए जा सकें.