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

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

Rachel Andrew

पब्लिश किया गया: 29 मई, 2025

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

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

Temporal API

Firefox 139, Temporal API के साथ काम करने वाला पहला ब्राउज़र है. इससे, अलग-अलग स्थितियों में तारीखों और समय के साथ काम करना आसान हो जाता है. इसमें, पहले से मौजूद टाइम ज़ोन और कैलेंडर का इस्तेमाल किया जाता है.

hidden=until-found और beforematch इवेंट

Firefox 139 में hidden="until-found" HTML एट्रिब्यूट और beforematch इवेंट भी शामिल है. until-found स्टेटस की मदद से, किसी एलिमेंट के कॉन्टेंट को तब तक छिपाया जा सकता है, जब तक कि उसे उपयोगकर्ता की खोज (उदाहरण के लिए, "पेज में खोजें" का इस्तेमाल करके) या फ़्रैगमेंट नेविगेशन से नहीं ढूंढा जाता. beforematch इवेंट, hidden एट्रिब्यूट हटाए जाने से ठीक पहले ट्रिगर होता है

requestClose() तरीका

अब Firefox 139 रिलीज़ के साथ, HTMLDialogElement इंटरफ़ेस का requestClose() तरीका, बेसलाइन के तौर पर उपलब्ध है.

यह तरीका, HTMLDialogElement.close() तरीके से अलग है, क्योंकि यह close इवेंट ट्रिगर करने से पहले cancel इवेंट ट्रिगर करता है.

सीएसएस reading-flow और reading-order

Chrome 137 में reading-flow और reading-order शामिल हैं. reading-flow सीएसएस प्रॉपर्टी से यह तय होता है कि फ़्लेक्स, ग्रिड या ब्लॉक लेआउट में मौजूद एलिमेंट, सुलभता टूल के लिए किस क्रम में दिखें. साथ ही, यह भी तय होता है कि लीनियर क्रम के नेविगेशन के तरीकों का इस्तेमाल करके, उन पर फ़ोकस कैसे किया जाए. इससे ग्रिड और फ़्लेक्स लेआउट से जुड़ी एक पुरानी समस्या हल हो जाती है. इसमें, टैब का क्रम, आइटम के लेआउट के क्रम से अलग हो सकता है.

reading-order सीएसएस प्रॉपर्टी की मदद से, रीडिंग फ़्लो कंटेनर में मौजूद आइटम के क्रम को मैन्युअल तरीके से बदला जा सकता है. ग्रिड, फ़्लेक्स या ब्लॉक कंटेनर में इस प्रॉपर्टी का इस्तेमाल करने के लिए, कंटेनर पर reading-flow वैल्यू को source-order पर सेट करें. साथ ही, अलग-अलग आइटम के reading-order को किसी पूर्णांक वैल्यू पर सेट करें.

ज़्यादा जानने के लिए, लॉजिकल क्रम में फ़ोकस नेविगेशन के लिए, सीएसएस रीडिंग-फ़्लो का इस्तेमाल करना लेख पढ़ें.

सीएसएस if() फ़ंक्शन

Chrome 137 में, सीएसएस if() फ़ंक्शन की मदद से, शर्तों के हिसाब से वैल्यू को कम शब्दों में दिखाया जा सकता है. यह शर्त-वैल्यू के पेयर की सीरीज़ स्वीकार करता है, जिन्हें सेमीकोलन से अलग किया जाता है. फ़ंक्शन, हर शर्त का क्रम से आकलन करता है और पहली सही शर्त से जुड़ी वैल्यू दिखाता है. अगर कोई भी शर्त सही नहीं होती है, तो फ़ंक्शन खाली टोकन स्ट्रीम दिखाता है.

Document-Isolation-Policy

Chrome 137 में शिपिंग की सुविधा के तौर पर, Document-Isolation-Policy किसी दस्तावेज़ को crossOriginIsolation को खुद चालू करने की अनुमति देता है. इसके लिए, उसे सीओओपी या सीओईपी को डिप्लॉय करने की ज़रूरत नहीं होती. साथ ही, पेज के crossOriginIsolation स्टेटस से कोई फ़र्क़ नहीं पड़ता. इस नीति के पीछे प्रोसेस के अलग-अलग होने की सुविधा है. इसके अलावा, दस्तावेज़ के ऐसे सब-रिसॉर्स जिन्हें सीओआरएस के दायरे में नहीं रखा गया है, वे क्रेडेंशियल के बिना लोड किए जाएंगे या उनके लिए CORP हेडर की ज़रूरत होगी.

वेब पुश नोटिफ़िकेशन को मैनेज करने के लिए, निर्देश के बजाय सुझाव देने की अनुमति

Safari 18.5 में, ज़्यादातर गड़बड़ियों को ठीक किया गया है. हालांकि, इसमें macOS के लिए, डेक्लेरेटिव वेब पुश की सुविधा जोड़ी गई है. फ़िलहाल, यह सुविधा सिर्फ़ Safari में उपलब्ध है. इसके बारे में ज़्यादा जानने के लिए, WebKit ब्लॉग पर जानें कि वेब पुश के लिए एलान करने की सुविधा कैसे काम करती है लेख पढ़ें.

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

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

Firefox 140 में कुकी स्टोर एपीआई का सबसेट शामिल है. यह कुकी मैनेज करने का एक आधुनिक, असाइनोक्रोनस, और प्रॉमिस-आधारित तरीका है. इसका इस्तेमाल मुख्य थ्रेड और सेवा वर्कर, दोनों में किया जा सकता है.

Chrome 138 में, एआई के कई एपीआई पहले से मौजूद हैं. जैसे, Summarizer API, Language Detector API, और Translator API.

Chrome 138 में, सीएसएस की कई सुविधाएं भी हैं. इनमें stretch साइज़िंग कीवर्ड, sibling-index(), और sibling-count() फ़ंक्शन शामिल हैं.