जून में वेब प्लैटफ़ॉर्म पर नई सुविधाएं जोड़ी गई हैं

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

Rachel Andrew

पब्लिश होने की तारीख: 30 जून, 2025

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

जून 2025 में, Firefox 140 और Chrome 138 के स्टेबल वर्शन रिलीज़ हो गए. इस पोस्ट में, इन रिलीज़ के साथ वेब प्लैटफ़ॉर्म में जोड़ी गई नई सुविधाओं के बारे में बताया गया है.

एचटीएमएल को सीरियलाइज़ करते समय, एट्रिब्यूट में < और > को एस्केप करना

Chrome 138 और Firefox 140, दोनों में यह बदलाव शामिल है. इससे, उन एक्सप्लॉइट को रोकने में मदद मिलती है जिनमें एचटीएमएल को सीरियलाइज़ करके, उसे डीओएम में फिर से इंजेक्ट किया जाता है. यह बदलाव, Safari 26 के बीटा वर्शन में भी शामिल है. इस बदलाव की ज़रूरत क्यों पड़ी, इस बारे में ज़्यादा जानें.

CSS कस्टम हाइलाइट एपीआई

Firefox 140 में, CSS कस्टम हाइलाइट एपीआई लागू किया गया है. इसकी मदद से, किसी दस्तावेज़ में अपनी पसंद के मुताबिक टेक्स्ट रेंज तय की जा सकती हैं और उनका स्टाइल तय किया जा सकता है. यह ::grammar-error जैसे हाइलाइट करने वाले अन्य सीएसएस सूडो-एलिमेंट की तरह ही काम करता है.

इस काम में JavaScript API के साथ-साथ, सीएसएस ::highlight स्यूडो-एलिमेंट भी शामिल है. इसका इस्तेमाल, रजिस्टर किए गए हाइलाइट पर स्टाइल लागू करने के लिए किया जाता है. हालांकि, यह सुविधा अब ज़्यादातर ब्राउज़र पर काम करती है, लेकिन ::highlight स्यूडो-एलिमेंट से जुड़ी कुछ समस्याओं की वजह से, इसे अभी तक बेसलाइन नहीं माना जा सकता.

Cookie Store API

Cookie Store API, कुकी मैनेज करने के लिए एक एसिंक्रोनस एपीआई है. यह Firefox 140 से काम करता है. अब सभी ब्राउज़र में इस एपीआई के लिए बुनियादी सहायता उपलब्ध है. हालांकि, उन हिस्सों के बारे में जानकारी पाने के लिए MDN पर काम करने के साथ-साथ, एक-दूसरे के साथ काम करने की जानकारी देने वाला चार्ट देखें जो अब तक इंटरऑपरेबल नहीं हैं.

म्यूटेशन इवेंट हटाना

Interop 2025 में इस साल हटाए गए प्रॉडक्ट शामिल हैं. DOMSubtreeModified, DOMNodeInserted, और DOMNodeRemoved जैसे लेगसी म्यूटेशन इवेंट, डीओएम में होने वाले बदलावों को देखते हैं. साथ ही, डीओएम में बदलाव होने पर इवेंट लिसनर कॉलबैक को चलाते हैं. इन म्यूटेशन इवेंट को, MutationObserver API के लिए बंद कर दिया गया है. यह API, बेहतर परफ़ॉर्म करता है और इसमें गड़बड़ी की संभावना कम होती है.

Firefox 140 में, ये इवेंट हटा दिए जाते हैं. इन्हें Chrome से पहले ही हटा दिया गया है.

Chrome 138 में सीएसएस फ़ंक्शन

Chrome 138 में CSS फ़ंक्शन का पूरा सेट शामिल है. इनमें से कुछ फ़ंक्शन, प्लैटफ़ॉर्म के लिए नए हैं. वहीं, कुछ फ़ंक्शन Chrome में शामिल होने के बाद, बेसलाइन बन जाते हैं.

साइन करने से जुड़े फ़ंक्शन abs() और sign(), Chrome 138 के साथ बेसलाइन के तौर पर उपलब्ध होंगे.

प्लैटफ़ॉर्म में इंटरपोलेशन फ़ंक्शन—progress() जोड़ा गया है.

Chrome 138 में sibling-index() और sibling-count() भी शामिल हैं. इनका इस्तेमाल सीएसएस प्रॉपर्टी की वैल्यू में पूर्णांक के तौर पर किया जा सकता है, ताकि एलिमेंट को उनके भाई-बहनों की स्थिति या उनकी कुल संख्या के आधार पर स्टाइल किया जा सके.

अनुवाद, भाषा की पहचान, और खास जानकारी देने के लिए, पहले से मौजूद एआई एपीआई

Chrome 138 में, JavaScript के तीन एआई एपीआई पहले से मौजूद हैं. Translator और Language Detector API की मदद से, टेक्स्ट की भाषा का पता लगाया जा सकता है और उस टेक्स्ट का अनुवाद अलग-अलग भाषाओं में किया जा सकता है. ये ब्राउज़र के अंदरूनी एआई मॉडल का इस्तेमाल करते हैं. इसलिए, यह काम डिवाइस पर किया जाता है.

Summarizer API, ब्राउज़र के अंदरूनी एआई मॉडल का इस्तेमाल करके, डिवाइस पर टेक्स्ट की खास जानकारी देता है.

WebCodecs में वीडियो फ़्रेम ओरिएंटेशन के लिए सहायता

Chrome 138 में, WebCodecs में वीडियो से जुड़े अलग-अलग इंटरफ़ेस में rotation: int और flip: bool वैल्यू भी जोड़ी गई हैं, ताकि डेवलपर ऐसे फ़्रेम सोर्स के साथ काम कर सकें जिनमें ओरिएंटेशन है.

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

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

Safari 26, ब्राउज़र के लिए कई सुविधाओं वाला रिलीज़ होगा. सीएसएस के लिए, इसमें overflow-block और overflow-inline, स्क्रॉल से चलने वाले ऐनिमेशन, ऐंकर पोज़िशनिंग, सीएसएस progress() फ़ंक्शन वगैरह के लिए सहायता शामिल है. इसमें AudioEncoder और AudioDecoder API, URLPattern API, Digital Credentials API, भरोसेमंद टाइप, और WebAuthn Signal API के लिए भी सहायता मिलती है.

Chrome 139 में सीएसएस कस्टम फ़ंक्शन, कोने का आकार तय करने की सुविधा, और caret-animation प्रॉपर्टी शामिल है. इसमें डिवाइस पर मौजूद Web Speech API, वेब ऐप्लिकेशन के स्कोप एक्सटेंशन, और request-close invoker कमांड भी शामिल है.

Firefox 141 में, showPopover() और togglePopover() के लिए options.source आर्ग्युमेंट जोड़ा गया है. इससे पॉपओवर और उसे ट्रिगर करने वाले एलिमेंट के बीच संबंध बनाया जा सकता है. इसमें सीएसएस font-variant-emoji प्रॉपर्टी के लिए भी सहायता शामिल है.