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

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

Rachel Andrew

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

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

Chrome 147 और Firefox 150 अप्रैल के दौरान स्टेबल चैनल पर रिलीज़ किए गए. इस महीने Safari का कोई स्टेबल वर्शन रिलीज़ नहीं हुआ. इस पोस्ट में, इस महीने की कई नई सुविधाओं के बारे में बताया गया है.

contrast-color() सीएसएस फ़ंक्शन, बेसलाइन बन जाता है

Chrome 147 में contrast-color() फ़ंक्शन उपलब्ध है. यह सुलभता सुविधा अब सभी मुख्य इंजन पर उपलब्ध है. इसलिए, यह सुविधा अब नई उपलब्ध सुविधा के तौर पर बेसलाइन में शामिल हो गई है.

यह फ़ंक्शन, रंग की वैल्यू लेता है और काले या सफ़ेद रंग में से कोई एक रंग दिखाता है. यह इस बात पर निर्भर करता है कि दिए गए रंग के साथ कौनसा रंग सबसे ज़्यादा कंट्रास्ट देता है. इससे यह पक्का करने में मदद मिलती है कि आपका टेक्स्ट, सुलभता के लिए कंट्रास्ट की ज़रूरी शर्तों को पूरा करता हो.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 146.
  • Safari: 26.

Source

स्क्रोल-ड्रिवन ऐनिमेशन की रेंज प्रॉपर्टी अब Baseline में शामिल हैं

Firefox 150 में, animation-range-start और animation-range-end प्रॉपर्टी के साथ-साथ animation-range शॉर्टहैंड का इस्तेमाल किया जा सकता है. इससे ये प्रॉपर्टी, नई सुविधाओं के साथ उपलब्ध हो जाती हैं.

इन प्रॉपर्टी की मदद से, यह कंट्रोल किया जा सकता है कि स्क्रोल से ट्रिगर होने वाले ऐनिमेशन की टाइमलाइन में, ऐनिमेशन कहां से शुरू और कहां खत्म होगा.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: not supported.
  • Safari: 26.

Source

ariaNotify() तरीका

Firefox 150 में, Document और Element पर ariaNotify() मेथड का इस्तेमाल किया जा सकता है. इस तरीके से, कॉन्टेंट के लेखक, स्क्रीन रीडर से टेक्स्ट की किसी स्ट्रिंग को सुनाने के लिए, उसे क्यू में रख सकते हैं.

यह ARIA लाइव रीजन के मुकाबले, ज़्यादा भरोसेमंद और एर्गोनॉमिक विकल्प है. खास तौर पर, उन सूचनाओं के लिए जो DOM अपडेट से जुड़ी नहीं हैं.

Browser Support

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

Source

लेज़ी लोडिंग वाली इमेज के लिए अपने-आप तय होने वाले साइज़

Firefox 150 अब <img> एलिमेंट के sizes एट्रिब्यूट के लिए, "auto" कीवर्ड का इस्तेमाल कर सकता है. इससे लेज़ी लोड की गई इमेज, इमेज के लेआउट के कैलकुलेट किए गए साइज़ का इस्तेमाल करके, srcset से सबसे सही सोर्स चुन सकती हैं. इससे रिस्पॉन्सिव इमेज का सेटअप आसान हो जाता है.

Browser Support

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

Source

व्यू ट्रांज़िशन को एलिमेंट के स्कोप में रखना

Chrome 147, किसी भी एचटीएमएल एलिमेंट पर element.startViewTransition() को दिखाता है. इससे किसी खास एलिमेंट के लिए ट्रांज़िशन को स्कोप किया जा सकता है. इसका मतलब है कि सूडो-एलिमेंट पर, पहले के क्लिप और ट्रांसफ़ॉर्म का असर पड़ता है. साथ ही, एक साथ कई ट्रांज़िशन चलाए जा सकते हैं.

सीएसएस border-shape प्रॉपर्टी

Chrome 147 में border-shape प्रॉपर्टी जोड़ी गई है. इसकी मदद से, पॉलीगॉन या सर्कल जैसे शेप वाले नॉन-रेक्टेंगुलर बॉर्डर बनाए जा सकते हैं.

SVG <textPath> path एट्रिब्यूट

Chrome 147 में, SVG <textPath> एलिमेंट पर path एट्रिब्यूट के लिए सपोर्ट जोड़ा गया है. इससे, टेक्स्ट पाथ की ज्यामिति को इनलाइन तरीके से तय किया जा सकता है.

Browser Support

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

JSON और स्टाइल के लिए, modulepreload की सुविधा

Chrome 147 में, JSON और स्टाइल मॉड्यूल टाइप को <link rel="modulepreload"> डेस्टिनेशन के तौर पर इस्तेमाल करने की सुविधा जोड़ी गई है.

Browser Support

  • Chrome: 147.
  • Edge: 147.
  • Firefox: not supported.
  • Safari: 26.2.

Math.sumPrecise

Chrome 147 में, TC39 के Math.sumPrecise प्रस्ताव को लागू किया गया है. इससे, किसी इटरेबल में मौजूद वैल्यू का सटीक योग मिलता है. यह तरीका अब Baseline Newly available है.

Browser Support

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

Source

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

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

Chrome 148 बीटा में, सीएसएस में सिर्फ़ नाम वाली कंटेनर क्वेरी, वीडियो और ऑडियो एलिमेंट के लिए लेज़ी लोडिंग, और @supports में सुविधा का पता लगाने के लिए at-rule() फ़ंक्शन शामिल है.

Firefox 151 के बीटा वर्शन में, सीएसएस कंटेनर स्टाइल क्वेरी शामिल हैं.

Safari 26.5 के बीटा वर्शन में, :open स्यूडो-क्लास के लिए सहायता शामिल है. यह <details>, <dialog>, <select>, और <input> एलिमेंट पर काम करता है. इसके अलावा, इसमें कई समस्याओं को ठीक किया गया है.