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

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

Rachel Andrew

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

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

Chrome 146, Firefox 149 और Safari 26.4 को मार्च के दौरान स्टेबल वर्शन के तौर पर रिलीज़ किया गया था. इस पोस्ट में, इस महीने प्लैटफ़ॉर्म पर उपलब्ध होने वाली नई सुविधाओं के बारे में बताया गया है.

कंटेनर क्वेरी की शर्तों को सेट करना ज़रूरी नहीं है

Firefox 149 और Safari 26.4, दोनों में सिर्फ़ नाम वाली @container क्वेरी के लिए सहायता शामिल है. इन क्वेरी में कोई शर्त नहीं होती. इससे सिर्फ़ कंटेनर के नाम के आधार पर, कंटेनर से मैच किया जा सकता है. इससे कंटेनर के कॉन्टेक्स्ट के आधार पर, स्टाइल एलिमेंट को स्टाइल करना ज़्यादा आसान हो जाता है. इसके लिए, साइज़ या स्टाइल की पाबंदियां तय करने की ज़रूरत नहीं होती.

स्क्रोल करने पर ट्रिगर होने वाले ऐनिमेशन

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

Browser Support

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

trigger-scope प्रॉपर्टी

स्क्रोल ट्रिगर किए गए ऐनिमेशन के साथ-साथ, Chrome 146 में trigger-scope प्रॉपर्टी भी जोड़ी गई है. इससे ऐनिमेशन ट्रिगर के नामों को सीमित तौर पर दिखाया जा सकता है. इससे ऐनिमेशन और ट्रिगर के बीच इंटरैक्शन को अलग किया जा सकता है. साथ ही, नाम के टकराव से बचा जा सकता है.

Browser Support

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

पॉपओवर hint वैल्यू

Firefox 149 अब popover ग्लोबल एट्रिब्यूट के लिए, hint वैल्यू के साथ काम करता है. hint वैल्यू वाले पॉपओवर दिखने पर, auto पॉपओवर बंद नहीं होंगे. हालांकि, अन्य hint पॉपओवर बंद हो जाएंगे. इससे पॉपओवर के व्यवहार पर ज़्यादा बारीकी से कंट्रोल किया जा सकेगा.

Browser Support

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

ग्रिड लेन

Safari 16.4 में display: grid-lanes काम करता है. यह display की वैल्यू है, जो मेसनरी स्टाइल लेआउट को चालू करती है.

Browser Support

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

sizes एट्रिब्यूट में गणित के फ़ंक्शन

Safari 26.4 में, <img> एलिमेंट के sizes एट्रिब्यूट में min(), max(), और clamp() गणित फ़ंक्शन इस्तेमाल करने की सुविधा जोड़ी गई है. इससे रिस्पॉन्सिव इमेज को लोड करने में ज़्यादा आसानी होती है.

JavaScript इटरेटर की क्रम से कार्रवाई करना

Chrome 146 और Safari 26.4, दोनों अब इटरेटर सीक्वेंसिंग की सुविधा के साथ काम करते हैं. इससे मौजूदा इटरेटर को क्रम से लगाकर, Iterator.concat(...items) बनाने की सुविधा मिलती है. यह सुविधा अब Baseline Newly available है.

Browser Support

  • Chrome: 146.
  • Edge: 146.
  • Firefox: 147.
  • Safari: 26.4.

Source

CloseWatcher इंटरफ़ेस

Firefox 149 में, CloseWatcher इंटरफ़ेस के लिए सहायता जोड़ी गई है. इससे डेवलपर, ऐसे कॉम्पोनेंट लागू कर सकते हैं जिन्हें डिवाइस के नेटिव मैकेनिज़्म का इस्तेमाल करके बंद किया जा सकता है. जैसे, Windows पर Esc कुंजी या Android पर 'वापस जाएं' कुंजी. ये कॉम्पोनेंट, पहले से मौजूद डायलॉग और पॉपओवर की तरह ही काम करते हैं.

Browser Support

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

Source

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

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

Chrome 147 बीटा

Chrome 147 बीटा में contrast-color() शामिल है. यह एक सीएसएस फ़ंक्शन है. यह फ़ंक्शन, काले या सफ़ेद रंग में से किसी एक को दिखाता है. यह इस बात पर निर्भर करता है कि कौनसा रंग, आर्ग्युमेंट के रंग के साथ सबसे ज़्यादा कंट्रास्ट देता है. इसमें border-shape और एलिमेंट के स्कोप वाली व्यू ट्रांज़िशन भी शामिल हैं.

Firefox 150 बीटा में, सीएसएस revert-rule कीवर्ड जोड़ा गया है. यह Elements और DocumentOrShadowRoot के लिए customeElementRegistry और इमेज के लिए light-dark() है.