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

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

Rachel Andrew

पब्लिश करने की तारीख: 31 मार्च, 2025

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

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

नए स्यूडो-क्लास :has-slotted और :open

Firefox 136 में :has-slotted स्यूडो-क्लास की सुविधा काम करती है. इसका इस्तेमाल, <template> में उन एलिमेंट को स्टाइल करने के लिए किया जाता है जिनमें वेब कॉम्पोनेंट को रेंडर करते समय, <slot> एलिमेंट में कॉन्टेंट जोड़ा गया है.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 136.
  • Safari: not supported.

Source

:open स्यूडो-क्लास की मदद से, किसी भी ऐसे एलिमेंट को चुना जा सकता है जो फ़िलहाल खुला है. यह पिकर के साथ <details>, <dialog>, <input> एलिमेंट और ड्रॉप-डाउन चुनने का बॉक्स खुला होने पर <select> एलिमेंट पर लागू होता है.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 136.
  • Safari: not supported.

Source

Intl.DurationFormat

Firefox 136 में भी Intl.DurationFormat का इस्तेमाल किया जा सकता है. इससे, जगह-भाषा को ध्यान में रखते हुए, अवधि को फ़ॉर्मैट किया जा सकता है. यह सुविधा, Baseline में शामिल हो गई है. इस बारे में ज़्यादा जानने के लिए, Intl.DurationFormat अब Baseline में उपलब्ध है लेख पढ़ें.

Browser Support

  • Chrome: 129.
  • Edge: 129.
  • Firefox: 136.
  • Safari: 16.4.

Source

contenteditable एट्रिब्यूट की plaintext-only वैल्यू

Firefox के इस रिलीज़ में, contenteditable ग्लोबल एट्रिब्यूट की plaintext-only वैल्यू की सुविधा भी उपलब्ध है. यह सुविधा, बेसलाइन के तौर पर उपलब्ध होगी. इस वैल्यू के बारे में ज़्यादा जानने के लिए, contenteditable "plaintext-only" एट्रिब्यूट की वैल्यू का कॉम्बिनेशन अब बेसलाइन के तौर पर उपलब्ध है लेख पढ़ें.

Browser Support

  • Chrome: 51.
  • Edge: 12.
  • Firefox: 136.
  • Safari: ≤13.1.

सीएसएस के लिए, साइडवेज़ लिखने के मोड

Safari 18.4 में writing-mode: sideways-rl और writing-mode: sideways-lr के लिए सहायता शामिल है. इन वैल्यू का इस्तेमाल तब किया जाता है, जब आपको प्रज़ेंटेशन के लिए टेक्स्ट को वर्टिकल तौर पर दिखाना हो. अब उन्हें बेसलाइन के तौर पर 'हाल ही में उपलब्ध' के तौर पर दिखना चाहिए.

Browser Support

  • Chrome: 132.
  • Edge: 132.
  • Firefox: 43.
  • Safari: 18.4.

CSS shape() फ़ंक्शन

Safari 18.4 में सीएसएस shape() फ़ंक्शन भी है. इससे, क्लिप-पाथ में रिस्पॉन्सिव फ़्री-फ़ॉर्म आकार बनाने की सुविधा मिलती है.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox Technology Preview: supported.
  • Safari: 18.4.

Source

ClipboardItem.supports()

Safari 18.4, ClipboardItem() के लिए supports() तरीका लागू करता है. इससे आपको यह देखने में मदद मिलती है कि क्लिपबोर्ड के इस्तेमाल के दौरान किन फ़ॉर्मैट का इस्तेमाल किया जा सकता है. यह सुविधा, अब बेसलाइन के तौर पर उपलब्ध है.

Browser Support

  • Chrome: 121.
  • Edge: 121.
  • Firefox: 127.
  • Safari: 18.4.

Source

<dialog> के लिए लाइट बंद करें

Popover API की एक अच्छी सुविधा यह है कि इसे आसानी से बंद किया जा सकता है. यह सुविधा अब <dialog> का हिस्सा है. इसे Chrome 134 में लागू किया गया है. साथ ही, इस सुविधा को कंट्रोल करने के लिए, एक नया closedby एट्रिब्यूट भी जोड़ा गया है.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox Technology Preview: supported.
  • Safari: not supported.

वेब लॉक एपीआई अब शेयर किए गए स्टोरेज में काम करता है

Chrome 134 में, Web Locks API को Shared Storage में इंटिग्रेट किया गया है. इससे, ऐसे मामलों से बचा जा सकता है जहां क्रॉस-साइट रीच मेज़रमेंट की वजह से डुप्लीकेट रिपोर्टिंग हो सकती है. ऐसा, get() और set() लॉजिक में संभावित रेस कंडीशन की वजह से होता है.

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

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

Firefox 137 में Math.sumPrecise स्टैटिक तरीका शामिल है. यह किसी Iterable (जैसे कि कलेक्शन) का योग दिखाता है. इस रिलीज़ में Atomics.pause() भी शामिल है. इस तरीके से सीपीयू को यह जानकारी मिलती है कि शेयर किए गए संसाधन को ऐक्सेस करने के दौरान, मौजूदा थ्रेड स्पिनलॉक में है.

Chrome 135 में, कैरसेल बनाने से जुड़ी कई सीएसएस सुविधाएं शामिल हैं. इसमें पसंद के मुताबिक बनाए जा सकने वाले <select> एलिमेंट और command और commandfor एट्रिब्यूट भी शामिल हैं.