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

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

Rachel Andrew

पब्लिश करने की तारीख: 30 अप्रैल, 2025

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

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

Chrome में कैरसेल

Chrome के 135 वर्शन में जोड़ी गई कई सुविधाओं की मदद से, वेब पर कैरसेल और पेज वाले अन्य अनुभव बनाए जा सकते हैं.

::scroll-button() और ::scroll-marker() स्यूडो-एलिमेंट की मदद से, अपनी साइट पर स्क्रोल किए जा सकने वाले किसी भी हिस्से में बटन और मार्कर जोड़े जा सकते हैं. इससे नेविगेशन कंट्रोल मिलते हैं. साथ ही, उपयोगकर्ता को यह दिखाने का तरीका मिलता है कि वह कैरसेल में कहां है.

Browser Support

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

Source

::column सूडो-एलिमेंट, जिसकी मदद से कॉलम फ़्रैगमेंट को स्टाइल किया जा सकता है.

Browser Support

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

Source

interactivity प्रॉपर्टी से पता चलता है कि कोई एलिमेंट और उसके फ़्लैट ट्री के वंशज (जिसमें टेक्स्ट रन भी शामिल हैं) इनऐक्टिव हैं या नहीं.

Browser Support

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

किसी एलिमेंट को इनऐक्टिव करने पर, उस पर फ़ोकस किया जा सकता है या नहीं, उसमें बदलाव किया जा सकता है या नहीं, उसे चुना जा सकता है या नहीं, और पेज में खोजने की सुविधा का इस्तेमाल करके उसमें खोजा जा सकता है या नहीं. इससे यह भी तय होता है कि यह सुलभता ट्री में दिखेगा या नहीं.

ज़्यादा जानने के लिए, सीएसएस के साथ कैरसेल लेख पढ़ें.

command और commandfor एट्रिब्यूट

Chrome 135 में command और commandfor एट्रिब्यूट भी मौजूद हैं. ये एट्रिब्यूट, popovertargetaction और popovertarget एट्रिब्यूट को बेहतर बनाते हैं और उनकी जगह लेते हैं. इन नए एट्रिब्यूट को बटन में जोड़ा जा सकता है, ताकि ब्राउज़र आसानी और ऐक्सेस से जुड़ी कुछ मुख्य समस्याओं को हल कर सके. साथ ही, इनकी मदद से ब्राउज़र में पहले से मौजूद सामान्य फ़ंक्शन भी उपलब्ध कराए जा सकते हैं.

ज़्यादा जानकारी के लिए, पेश है command और commandfor लेख पढ़ें.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari Technology Preview: supported.

Source

CSS shape() फ़ंक्शन

Chrome 135 में shape() सीएसएस फ़ंक्शन का इस्तेमाल, clip-path और offset-path प्रॉपर्टी के लिए आकार तय करने के लिए किया जाता है. रिस्पॉन्सिव क्लिपिंग के लिए, इसका इस्तेमाल करने का तरीका जानें. यह फ़ंक्शन Safari 18.4 में उपलब्ध है. साथ ही, यह Firefox Nightly में भी उपलब्ध है. हमें उम्मीद है कि यह जल्द ही Baseline के तौर पर उपलब्ध हो जाएगा.

Browser Support

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

Source

Atomics.pause()

Firefox 137 में, Atomics.pause() के साथ यह सुविधा उपलब्ध है. यह स्टैटिक तरीका, माइक्रो-वेट प्राइमिटिव उपलब्ध कराता है. इससे सीपीयू को यह पता चलता है कि शेयर किए गए संसाधन को ऐक्सेस करने के दौरान, कॉलर स्पिन कर रहा है. इससे सिस्टम, मौजूदा थ्रेड को बंद किए बिना, कोर (जैसे, पावर) या थ्रेड के लिए तय किए गए रिसॉर्स को कम कर सकता है.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 137.
  • Safari: 18.4.

Source

सीएसएस hyphenate-limit-chars

Firefox 137 में सीएसएस hyphenate-limit-chars प्रॉपर्टी भी शामिल है. इस प्रॉपर्टी से, शब्दों को हाइफ़न करने की अनुमति देने के लिए, शब्द की कम से कम लंबाई के साथ-साथ हाइफ़न से पहले और बाद में वर्णों की कम से कम संख्या तय की जाती है.

Browser Support

  • Chrome: 109.
  • Edge: 109.
  • Firefox: 137.
  • Safari: not supported.

Source

RegExp.escape

RegExp.escape स्टैटिक तरीका, कुछ महीनों में सभी ब्राउज़र पर उपलब्ध हो गया है. यह Chrome 136 में उपलब्ध होने के बाद, बेसलाइन के तौर पर उपलब्ध हो गया है.

यह तरीका, किसी स्ट्रिंग में रेगुलर एक्सप्रेशन के सिंटैक्स के किसी भी संभावित वर्ण को एस्केप करता है. साथ ही, एक नई स्ट्रिंग दिखाता है, जिसका इस्तेमाल RegExp() कन्स्ट्रक्टर के लिए, लिटरल पैटर्न के तौर पर सुरक्षित तरीके से किया जा सकता है.

Browser Support

  • Chrome: 136.
  • Edge: 136.
  • Firefox: 134.
  • Safari: 18.2.

Source

Error.isError()

Error.isError() स्टैटिक मेथड से यह तय होता है कि पास की गई वैल्यू कोई गड़बड़ी है या नहीं. यह Firefox 138 में शामिल है. हालांकि, यह सभी ब्राउज़र पर काम करता है, लेकिन इसे फ़िलहाल Baseline के तौर पर उपलब्ध नहीं माना जाता. ऐसा इसलिए है, क्योंकि फ़िलहाल Safari, DOMException इंस्टेंस के लिए false दिखाता है.

Browser Support

  • Chrome: 134.
  • Edge: 134.
  • Firefox: 138.
  • Safari: 18.4.

Source

FedCM के लिए लॉगिन स्टेटस एपीआई

Firefox 138, Federated Credential Management (FedCM) API का इस्तेमाल करते समय, Login Status API के साथ काम करता है. इसका इस्तेमाल यह सेट करने और यह जांचने के लिए किया जाता है कि ब्राउज़र का उपयोगकर्ता, पहचान की पुष्टि करने वाली सेवा में लॉग इन है या नहीं. Firefox 138 में NavigatorLogin इंटरफ़ेस, navigator.login प्रॉपर्टी, और Set-Login एचटीटीपी रिस्पॉन्स हेडर के लिए सहायता शामिल है.

Browser Support

  • Chrome: 120.
  • Edge: 120.
  • Firefox: 138.
  • Safari: not supported.

Source

इंपोर्टमैप की इंटिग्रिटी

Firefox 138 में, <script> एलिमेंट के type एट्रिब्यूट की importmap वैल्यू के लिए, अब integrity बटन का इस्तेमाल किया जा सकता है. इससे, इंपोर्ट मैप में रेफ़र किए गए ES मॉड्यूल यूआरएल को उनके इंटिग्रिटी मेटाडेटा के साथ मैच किया जा सकता है. यह सुविधा अब बेसलाइन के तौर पर उपलब्ध है.

Browser Support

  • Chrome: 127.
  • Edge: 127.
  • Firefox: 138.
  • Safari: 18.

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

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

Safari 18.5 बीटा वर्शन में, 18.4 के बड़े रिलीज़ के बाद सिर्फ़ कुछ गड़बड़ियों को ठीक किया गया है.

इस लेख को लिखने के समय तक, Firefox ने अपनी रिलीज़ नोट पब्लिश नहीं की हैं. हालांकि, ऐसा लगता है कि बीटा वर्शन में Temporal API को शामिल किया गया है. इससे Firefox, तारीख के बेहतर वर्शन को शिप करने वाला पहला ब्राउज़र बन गया है. साथ ही, <dialog> request.close() को लागू किया गया है, जिससे यह तरीका बेसलाइन के तौर पर उपलब्ध हो जाएगा.