सितंबर में वेब प्लैटफ़ॉर्म पर पहली बार आए हैं

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

Rachel Andrew

पब्लिश होने की तारीख: 2 अक्टूबर, 2026

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

यह Chrome और Firefox के हर दो हफ़्ते में रिलीज़ होने वाले अपडेट का पहला महीना है. इसका मतलब है कि Chrome 153, Chrome 154, Firefox 155, Firefox 156, Firefox 157, और Safari 27 को सितंबर 2026 में स्टेबल वर्शन के तौर पर रिलीज़ किया जाएगा. इस पोस्ट में, अलग-अलग ब्राउज़र पर उपलब्ध नई सुविधाओं के बारे में बताया गया है. इनमें से कई सुविधाएं, Baseline Newly available के तहत उपलब्ध हैं.

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

Firefox 155 में, progress() CSS मैथ फ़ंक्शन के लिए सहायता जोड़ी गई है. इससे यह Baseline Newly available बन गया है.

progress() फ़ंक्शन, <number> दिखाता है. यह वैल्यू, शुरुआती वैल्यू और आखिरी वैल्यू के बीच की किसी एक कैलकुलेशन की पोज़िशन को दिखाती है. आम तौर पर, नतीजे को 0 और 1 के बीच में रखा जाता है. इससे कंटेनर या व्यूपोर्ट के डाइमेंशन के आधार पर, फ़्लूड साइज़िंग, ओपैसिटी या रंगों को मैनेज करने में मदद मिलती है. Firefox 155 और Safari 27, दोनों में no-clamp कीवर्ड विकल्प के लिए भी सहायता जोड़ी गई है. इससे, दिखाई गई प्रोग्रेस वैल्यू को 0 से कम या 1 से ज़्यादा किया जा सकता है.

.card {
  opacity: progress(100vw, 320px, 1200px);
}

Browser Support

  • Chrome: 138.
  • Edge: 138.
  • Firefox: 155.
  • Safari: 26.

Source

alpha() के साथ रिलेटिव ऐल्फ़ा कलर, बेसलाइन बन जाते हैं

Firefox 155 और Safari 27, दोनों में CSS Color 5 के alpha() रिलेटिव कलर फ़ंक्शन के लिए सहायता जोड़ी गई है.

alpha() फ़ंक्शन, ओरिजनल रंग लेता है और उसे अडजस्ट किए गए ऐल्फ़ा (पारदर्शिता) चैनल के साथ दिखाता है. हालांकि, इस दौरान उसके कलर चैनल और कलर स्पेस में कोई बदलाव नहीं होता:

.overlay {
  background-color: alpha(var(--brand-color) / 50%);
}

Chrome 151, Firefox 155, और Safari 27, सभी alpha() के साथ काम करते हैं. इसलिए, यह फ़ंक्शन अब Baseline Newly available है.

Browser Support

  • Chrome: 151.
  • Edge: 151.
  • Firefox: 155.
  • Safari: 27.

Source

revert-rule सीएसएस कीवर्ड, बेसलाइन बन जाता है

Safari 27 में, revert-rule CSS-wide कीवर्ड के लिए सहायता जोड़ी गई है.

revert, कैस्केड को उपयोगकर्ता या उपयोगकर्ता-एजेंट के ऑरिजिन पर वापस ले जाता है. वहीं, revert-layer, कैस्केड को पिछली कैस्केड लेयर पर वापस ले जाता है. इसके अलावा, revert-rule, किसी प्रॉपर्टी की वैल्यू को उस वैल्यू पर वापस ले जाता है जो मौजूदा स्टाइल रूल के मौजूद न होने पर होती. Chrome, Firefox, और अब Safari 27 में भी इस सुविधा के काम करने की वजह से, revert-rule अब Baseline में उपलब्ध है.

Browser Support

  • Chrome: 148.
  • Edge: 148.
  • Firefox: 150.
  • Safari: 27.

Source

light-dark() में मौजूद <image> वैल्यू, बेसलाइन बन जाती हैं

Safari 27 में, light-dark() सीएसएस फ़ंक्शन में <image> वैल्यू का इस्तेमाल करने की सुविधा जोड़ी गई है.

पहले, light-dark() की वैल्यू सिर्फ़ <color> तक सीमित थी. अब, चालू लाइट या डार्क color-scheme के आधार पर, दो इमेज के बीच स्विच कर सकता है. जैसे, url() इमेज या सीएसएस ग्रेडिएंट. Chrome, Firefox, और Safari 27 पर काम करने वाली light-dark() की <image> वैल्यू, अब नई उपलब्ध बेसलाइन सुविधा के तौर पर उपलब्ध हैं.

Browser Support

  • Chrome: 150.
  • Edge: 150.
  • Firefox: 150.
  • Safari: 27.

overflow-anchor की मदद से स्क्रोल ऐंकरिंग की सुविधा, बेसलाइन बन जाती है

Safari 27 में स्क्रोल ऐंकरिंग की सुविधा चालू की गई है. साथ ही, इसमें overflow-anchor सीएसएस प्रॉपर्टी के लिए सहायता जोड़ी गई है.

स्क्रोल ऐंकरिंग की सुविधा, डीओएम में बदलाव होने पर स्क्रोल की पोज़िशन को अपने-आप अडजस्ट करती है. ऐसा तब होता है, जब दिखने वाले व्यूपोर्ट के ऊपर मौजूद डीओएम में बदलाव होने की वजह से, उपयोगकर्ता के पेज पर कॉन्टेंट पढ़ते या उससे इंटरैक्ट करते समय, कॉन्टेंट जंप करता है. overflow-anchor: none का इस्तेमाल करके, कुछ एलिमेंट को ऐंकर नोड के तौर पर काम करने से ऑप्ट आउट किया जा सकता है. Safari 27 के Chrome और Firefox में शामिल होने के बाद, स्क्रोल ऐंकरिंग की सुविधा अब Baseline Newly available के तौर पर उपलब्ध है.

Browser Support

  • Chrome: 56.
  • Edge: 79.
  • Firefox: 66.
  • Safari: 27.

Source

font-width प्रॉपर्टी और @font-face डिस्क्रिप्टर, बेसलाइन बन जाते हैं

सीएसएस फ़ॉन्ट 4 ने font-stretch की जगह font-width को सामान्य, छोटे या बड़े फ़ॉन्ट फ़ेस चुनने के लिए कैननिकल नाम के तौर पर इस्तेमाल किया है. साथ ही, font-stretch को लेगसी एलियास के तौर पर रखा है.

Firefox 155 में, font-width सीएसएस प्रॉपर्टी, font-width @font-face डिस्क्रिप्टर, और CSSStyleDeclaration.fontWidth के लिए सहायता जोड़ी गई है. Chrome 154 में, @font-face नियमों में font-width डिस्क्रिप्टर और FontFace ऑब्जेक्ट पर width प्रॉपर्टी भी जोड़ी गई है. Safari में पहले से उपलब्ध सहायता के साथ-साथ, font-width अब Baseline Newly available है.

Browser Support

  • Chrome: not supported.
  • Edge: not supported.
  • Firefox: 155.
  • Safari: 18.4.

Source

लेज़ी लोड की गई इमेज के लिए sizes="auto", Baseline बन जाता है

Safari 27 में, loading="lazy" का इस्तेमाल करने वाले <img> एलिमेंट पर sizes एट्रिब्यूट में auto कीवर्ड के लिए सहायता जोड़ी गई है.

sizes="auto" वैल्यू तय करने पर (या auto से शुरू होने वाली sizes सूची), ब्राउज़र लेज़ी लोड की गई इमेज की रेंडर की गई लेआउट चौड़ाई का इस्तेमाल करता है. इससे वह srcset से सबसे सही इमेज सोर्स चुन पाता है. Chrome, Firefox, और अब Safari 27 में भी sizes="auto" उपलब्ध है. इसलिए, यह Baseline में नई सुविधा के तौर पर उपलब्ध है.

Browser Support

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

Source

एसिंक इटरेशन और ट्रांसफ़र किए जा सकने वाले ReadableStream ऑब्जेक्ट, बेसलाइन बन जाते हैं

Safari 27 में, ReadableStream से जुड़े कई अपडेट शामिल हैं:

  • for await...of लूप और ReadableStream.prototype.values() का इस्तेमाल करके, ReadableStream ऑब्जेक्ट पर एसिंक इटरेट करने की सुविधा.
  • postMessage() का इस्तेमाल करके, कॉन्टेक्स्ट के बीच ReadableStream ऑब्जेक्ट ट्रांसफ़र करने की सुविधा.
  • इटरेशन या एसिंक इटरेशन वाले ऑब्जेक्ट से ReadableStream बनाने के लिए, ReadableStream.from() स्टैटिक तरीके का इस्तेमाल किया जा सकता है. यह तरीका Firefox में भी काम करता है.

Safari 27 में, एसिंक इटरेबल स्ट्रीम और ट्रांसफ़र किए जा सकने वाले ReadableStream ऑब्जेक्ट, अब नए Baseline में उपलब्ध हैं.

Browser Support

  • Chrome: 124.
  • Edge: 124.
  • Firefox: 110.
  • Safari: 27.

AnimationEvent.animation और TransitionEvent.animation, Baseline बन जाते हैं

Safari 27, AnimationEvent में animation प्रॉपर्टी और TransitionEvent में animation प्रॉपर्टी जोड़ता है.

यह प्रॉपर्टी, सीएसएस ऐनिमेशन या ट्रांज़िशन इवेंट से जुड़े Animation ऑब्जेक्ट को दिखाती है. इससे इवेंट लिसनर से सीधे तौर पर ऐनिमेशन की जांच या उसे कंट्रोल करना आसान हो जाता है. Chrome, Firefox, और Safari 27 में इस प्रॉपर्टी के काम करने की वजह से, अब यह Baseline Newly available है.

Browser Support

  • Chrome: 151.
  • Edge: 151.
  • Firefox: 152.
  • Safari: 27.

Source

cookieStore.set() में मौजूद maxAge विकल्प, बेसलाइन बन जाता है

Safari 27 में, cookieStore.set() का इस्तेमाल करके कुकी सेट करते समय, maxAge विकल्प का इस्तेमाल किया जा सकता है. इससे, कुकी के लाइफ़टाइम को सेकंड में तय किया जा सकता है. इसके लिए, expires टाइमस्टैंप का हिसाब लगाने की ज़रूरत नहीं होती. maxAge विकल्प अब Baseline Newly available के तौर पर उपलब्ध है. यह Chrome, Firefox, और Safari 27 पर काम करता है.

Browser Support

  • Chrome: 145.
  • Edge: 145.
  • Firefox: 148.
  • Safari: 27.

Safari 27 में पसंद के मुताबिक बनाया जा सकने वाला <select>

Safari 27 में, appearance: base-select और <selectedcontent> एलिमेंट का इस्तेमाल करके, अपनी पसंद के मुताबिक बनाए जा सकने वाले <select> मेन्यू की सुविधा जोड़ी गई है. अब यह Chrome के साथ जुड़ गया है.

<select> और इसके ::picker(select) छद्म-एलिमेंट को appearance: base-select में ऑप्ट इन करने से, कंट्रोल को स्टाइल किए जा सकने वाले बेस अपीयरेंस पर स्विच किया जाता है. इससे <option> एलिमेंट में रिच एचटीएमएल कॉन्टेंट और बटन और ड्रॉप-डाउन पिकर के लिए कस्टम स्टाइलिंग की अनुमति मिलती है.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: behind a flag.
  • Safari: 27.

Chrome में <camera> और <microphone> एलिमेंट

Chrome 153 में, <camera> और <microphone> एचटीएमएल एलिमेंट की सुविधा पेश की गई है.

<usermedia> एलिमेंट के आधार पर, <camera> और <microphone>, उपयोगकर्ता के चालू किए गए एलान वाले कंट्रोल उपलब्ध कराते हैं. इनकी मदद से, पेज लोड होने पर स्क्रिप्ट से शुरू होने वाले अनुमति के प्रॉम्प्ट को ट्रिगर किए बिना, वीडियो या ऑडियो कैप्चर करने की सुविधा का ऐक्सेस मांगा जा सकता है.

Browser Support

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

JavaScript Iterator और Promise में जोड़े गए नए फ़ीचर

Chrome 153 में, Iterator.prototype.join() को जोड़ा गया है. साथ ही, Iterator.zip() और Iterator.zipKeyed() का इस्तेमाल करके जॉइंट इटरेटिव की सुविधा भी जोड़ी गई है.

Browser Support

  • Chrome: 153.
  • Edge: 153.
  • Firefox: 148.
  • Safari Technology Preview: supported.

Source

Firefox 155, Promise.allKeyed() और Promise.allSettledKeyed() को लागू करता है. ये प्रॉमिस के डिक्शनरी ऑब्जेक्ट को स्वीकार करते हैं और एक ही कुंजियों वाले ऑब्जेक्ट में रिज़ॉल्व करते हैं.

Browser Support

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

Source

Firefox 155 में WebTransport से जुड़े अपडेट

Firefox 115, WebTransport को लागू करने के लिए इन सुविधाओं को उपलब्ध कराता है:

Browser Support

  • Chrome: 143.
  • Edge: 143.
  • Firefox: 155.
  • Safari: 26.4.

Source

Safari 27 में सर्विस वर्कर स्टैटिक राउटिंग एपीआई

Safari 27 में, InstallEvent.addRoutes() के ज़रिए Service Worker Static Routing API इस्तेमाल करने की सुविधा जोड़ी गई है.

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

Browser Support

  • Chrome: 123.
  • Edge: 123.
  • Firefox: not supported.
  • Safari: 27.

Source

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

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

Chrome 155 के बीटा वर्शन में, सीएसएस margin-trim, symbols(), और text-decoration-skip-spaces शामिल हैं. साथ ही, इसमें JPEG XL (image/jxl) डिकोडिंग की सुविधा, टेक्स्ट मॉड्यूल इंपोर्ट (import ... with { type: "text" }), और Digital Credentials API के ज़रिए क्रेडेंशियल जारी करने की सुविधा भी शामिल है.

Chrome 156 के बीटा वर्शन में, सीएसएस random() फ़ंक्शन, सीएसएस corner शॉर्टहैंड प्रॉपर्टी, सिंगल-ऐक्सिस स्क्रोल कंटेनर, scroll-snap-type: pair, image-animation प्रॉपर्टी और :animated-image स्यूडो-क्लास, मीडिया एलिमेंट स्टेट स्यूडो-क्लास (:playing, :paused, :seeking, :buffering, :stalled, :muted, :volume-locked), डेफ़र्ड मॉड्यूल इवैलुएशन (import defer), और एचटीएमएल <install> एलिमेंट और वेब इंस्टॉल एपीआई शामिल हैं.

Safari 27.2 बीटा वर्शन में, normal के साथ इस्तेमाल करने पर safe और unsafe ओवरफ़्लो अलाइनमेंट के लिए सपोर्ट जोड़ा गया है. साथ ही, इसमें फ़िक्स्ड-पोज़िशन वाले बॉक्स और ::picker(select) एलिमेंट पर safe अलाइनमेंट की सुविधा चालू की गई है. इसके अलावा, display: grid-lanes के लिए flow-tolerance का नाम बदलकर fit-tolerance कर दिया गया है.