अक्टूबर 2024 में, स्टेबल और बीटा वेब ब्राउज़र में लॉन्च की गई कुछ दिलचस्प सुविधाओं के बारे में जानें.
ब्राउज़र के स्टेबल वर्शन
अक्टूबर 2024 में, Firefox 131, Firefox 132, Safari 18.1, और Chrome 130 के स्टेबल वर्शन रिलीज़ किए गए. इस पोस्ट में, वेब प्लैटफ़ॉर्म में जोड़ी गई नई सुविधाओं के बारे में बताया गया है.
सिंक्रोनस इटरेटर हेल्पर
Firefox 131 में, सिंक्रोनस इटरेटर्स के लिए सहायता जोड़ी गई है. उदाहरण के लिए, Iterator.prototype.forEach() और Iterator.prototype.map(). ये हेल्पर, इंटरमीडियरी कलेक्शन ऑब्जेक्ट बनाए बिना, कलेक्शन की तरह ही काम करने वाले फ़ंक्शन को, कलेक्शन के लिए इस्तेमाल करने की सुविधा देते हैं. इसमें बहुत बड़े डेटा सेट भी शामिल हैं, जहां इंटरमीडियरी कलेक्शन बनाना मुमकिन नहीं होता.
टेक्स्ट फ़्रैगमेंट
Firefox 131 में भी टेक्स्ट फ़्रैगमेंट, सीएसएस ::target-text
pseudo-element के साथ काम करता है.
कुकीज़ हैविंग इंडिपेंडेंट पार्टिशन्ड स्टेट (सीएचआईपीएस)
Firefox 131 में CHIPS शामिल है. इसकी मदद से, Set-Cookie
एचटीटीपी हेडर के partitioned
निर्देश का इस्तेमाल करके, कुकी को अलग-अलग सेक्शन में बांटकर स्टोर किया जा सकता है.
मीडिया से जुड़े अपडेट
अक्टूबर के दौरान रिलीज़ किए गए दूसरे Firefox में मीडिया सुविधाओं का एक सेट है, जिसमें
सभी Baseline Newly उपलब्ध हैं.
Firefox 132 में, HTMLVideoElement
के requestVideoFrameCallback()
और cancelVideoFrameCallback()
तरीके शामिल हैं.
इसमें MediaStreamTrack.getCapabilities()
तरीका भी शामिल है.
fetchPriority
फ़ेच प्रायॉरिटी एपीआई, ब्राउज़र के लिए रिसॉर्स की रिलेटिव प्राथमिकता दिखाता है. यह Firefox 132 से काम करता है. इसका मतलब है कि यह मददगार एपीआई, अब Baseline में उपलब्ध है.
ज़्यादा जानने के लिए, Fetch Priority API की मदद से, संसाधन लोड करने की प्रोसेस को ऑप्टिमाइज़ करना लेख पढ़ें.
box-decoration-break
की पूरी सहायता
Chrome 130 में, सीएसएस box-decoration-break
प्रॉपर्टी के लिए, बिना प्रीफ़िक्स वाला पूरा वर्शन काम करता है. इसमें ब्लॉक और इनलाइन फ़्रैगमेंटेशन के लिए, clone
की वैल्यू शामिल होती है.
Chrome 130 में box-decoration-break प्रॉपर्टी में इस प्रॉपर्टी के बारे में ज़्यादा जानें.
नेस्ट किए गए एलान का नियम
Chrome 130 और Firefox 132, नेस्ट की गई सीएसएस के एलान के साथ काम करते हैं. इसका मतलब है कि नेस्ट की गई सीएसएस को सही तरीके से पार्स किया जाता है, जैसा कि CSSNestedDeclarations
के साथ सीएसएस नेस्टिंग बेहतर होती है में बताया गया है.
ब्राउज़र के इस्तेमाल से जुड़ी सहायता
वेब सीरियल connected
एट्रिब्यूट और आरएफ़सीओएमएम कनेक्शन इवेंट
Chrome 130 में, बूलियन SerialPort.connected
एट्रिब्यूट जोड़ा गया है.
अगर सीरियल पोर्ट लॉजिकली कनेक्ट है, तो एट्रिब्यूट 'सही' दिखाता है.
इस सुविधा की मदद से, ब्लूटूथ RFCOMM सीरियल पोर्ट, इन इवेंट को डिस्पैच करते हैं, जब पोर्ट लॉजिकली कनेक्ट या डिसकनेक्ट हो जाता है.
इस सुविधा की मदद से, ऐप्लिकेशन यह पता लगा सकते हैं कि ब्लूटूथ RFCOMM सीरियल पोर्ट उपलब्ध है या नहीं. इसके लिए, उन्हें पोर्ट खोलने की ज़रूरत नहीं पड़ती.
ज़्यादा जानने के लिए, वेब सीरियल में ब्लूटूथ RFCOMM अपडेट लेख पढ़ें.
ब्राउज़र के इस्तेमाल से जुड़ी सहायता
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
मार्जिन बॉक्स के लिए भी सहायता है,
ताकि वेब से प्रिंट करते समय कस्टम हेडर और फ़ुटर दिए जा सकें.