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

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

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

सिंक्रोनस (एक साथ काम करने वाली प्रोसेस) आइटरेटर हेल्पर

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

Browser Support

  • Chrome: 122.
  • Edge: 122.
  • Firefox: 131.
  • Safari: not supported.

Source

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

Firefox 131 में, सीएसएस ::target-text सूडो-एलिमेंट के साथ-साथ टेक्स्ट फ़्रैगमेंट का भी इस्तेमाल किया जा सकता है.

Browser Support

  • Chrome: 89.
  • Edge: 89.
  • Firefox: 131.
  • Safari: 18.2.

Source

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

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

Browser Support

  • Chrome: 114.
  • Edge: 114.
  • Firefox: 131.
  • Safari: not supported.

Source

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

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

Browser Support

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

Source

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

Browser Support

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

Source

fetchPriority

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

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

Browser Support

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

Source

box-decoration-break के लिए पूरी सहायता

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

Browser Support

  • Chrome: 130.
  • Edge: 130.
  • Firefox: 32.
  • Safari: 7.

Source

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

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

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

Browser Support

  • Chrome: 130.
  • Edge: 130.
  • Firefox: 132.
  • Safari: 18.2.

Source

वेब सीरियल connected एट्रिब्यूट और RFCOMM कनेक्शन इवेंट

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

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

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

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

Browser Support

  • Chrome: 130.
  • Edge: 130.
  • Firefox: not supported.
  • Safari: not supported.

Source

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 मार्जिन बॉक्स के लिए भी सहायता है, ताकि वेब से प्रिंट करते समय कस्टम हेडर और फ़ुटर दिए जा सकें.