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

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

Rachel Andrew

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

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

Chrome 140, Chrome 141, Safari 26, और Firefox 143 को सितंबर के दौरान स्टेबल वर्शन के तौर पर रिलीज़ किया गया था. इस पोस्ट में, वेब प्लैटफ़ॉर्म के लिए सितंबर महीने में हुए कुछ खास बदलावों के बारे में बताया गया है.

Safari 26 में सीएसएस की नई सुविधाएं

Safari की नई रिलीज़ में कई नई सुविधाएं जोड़ी गई हैं. इनके बारे में पूरी जानकारी Safari 26.0 में WebKit की सुविधाएं लेख में दी गई है. सीएसएस के लिए कुछ मुख्य हाइलाइट में ये सुविधाएं शामिल हैं.

ऐंकर की पोज़िशनिंग

Safari ने Interop 2025 के तहत, सीएसएस ऐंकर पोज़िशनिंग के लिए सहायता उपलब्ध कराई है. इसकी मदद से, एलिमेंट को ऐंकर से जोड़ा जा सकता है. यह सुविधा, पॉपओवर के साथ इस्तेमाल करने पर ज़्यादा फ़ायदेमंद होती है.

Browser Support

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

Source

text-wrap: pretty

pretty की text-wrap वैल्यू, ब्राउज़र से टाइपोग्राफ़ी को बेहतर बनाने के लिए कहती है. उदाहरण के लिए, यह वैल्यू ब्राउज़र से टाइपोग्राफ़िक रिवर और रैग्ड एज के असर को कम करने के लिए कहती है. साथ ही, यह वैल्यू ब्राउज़र से आखिरी लाइन को छोटा होने से रोकने के लिए कहती है.

Browser Support

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

Source

स्क्रोल करने पर चलने वाले ऐनिमेशन

Safari में स्क्रोल-ड्राइव ऐनिमेशन की सुविधा भी उपलब्ध है. इससे ऐनिमेशन को इस बात से जोड़ा जा सकता है कि उपयोगकर्ता ने कितनी दूर तक स्क्रोल किया है.

Browser Support

  • Chrome: 115.
  • Edge: 115.
  • Firefox: behind a flag.
  • Safari: 26.

Source

नई वैल्यू और फ़ंक्शन

Safari पहला ऐसा ब्राउज़र है जिसने contrast-color() फ़ंक्शन को जोड़ा है. इससे आपको ब्राउज़र से यह पूछने का विकल्प मिलता है कि वह किसी दूसरे रंग के मुकाबले सबसे ज़्यादा कंट्रास्ट वाला रंग चुने.

Browser Support

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

Source

progress() मैथ फ़ंक्शन, दो अन्य वैल्यू के बीच की प्रोग्रेस को दिखाने वाली संख्या दिखाता है.

Browser Support

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

अब align-self और justify-self प्रॉपर्टी का इस्तेमाल करके, एलिमेंट की पोज़िशन तय की जा सकती है.

Browser Support

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

लॉजिकल प्रॉपर्टी overflow-block और overflow-inline काम करती हैं. इनका इस्तेमाल overflow-x और overflow-y के बजाय किया जा सकता है.

Browser Support

  • Chrome: 135.
  • Edge: 135.
  • Firefox: 69.
  • Safari: 26.

Source

Safari में भी अब margin-trim काम करता है.

Browser Support

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

Source

::details-content सूडो-एलिमेंट

Firefox 143 में ::details-content के लिए सहायता जोड़ी गई है. इससे आपको <details> एलिमेंट के कॉन्टेंट को स्टाइल करने की सुविधा मिलती है.

Browser Support

  • Chrome: 131.
  • Edge: 131.
  • Firefox: 143.
  • Safari: 18.4.

Source

जनरेट किए गए कॉन्टेंट से बनाए गए स्टाइलिंग मार्कर के लिए सहायता

Firefox 143 में, ::before::marker और ::after::marker सिलेक्टर के लिए भी सहायता जोड़ी गई है. इनकी मदद से, ::marker को स्टाइल किया जा सकता है. इसे ::before या ::after स्यूडो-एलिमेंट का इस्तेमाल करके बनाया गया था.

Browser Support

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

Digital Credentials API

Safari 26 और Chrome 141 में, Digital Credentials API के साथ काम करने की सुविधा शामिल है. इससे वेबसाइटें, डिजिटल क्रेडेंशियल के ज़रिए उपयोगकर्ता की पुष्टि की जा सकने वाली जानकारी का अनुरोध कर सकती हैं. जैसे, डिजिटल वॉलेट में सेव किया गया ड्राइविंग लाइसेंस या राष्ट्रीय पहचान पत्र.

Browser Support

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

यूआरएल पैटर्न एपीआई, नई सुविधाओं के तौर पर उपलब्ध हो जाता है

यूआरएल पैटर्न एपीआई की मदद से, यूआरएल पैटर्न स्टैंडर्ड का इस्तेमाल किया जा सकता है. इससे रेगुलर एक्सप्रेशन का इस्तेमाल करके, यूआरएल मैच किए जा सकते हैं. यह Safari 26 में उपलब्ध था. अब यह Baseline Newly available है.

Browser Support

  • Chrome: 95.
  • Edge: 95.
  • Firefox: 142.
  • Safari: 26.

Source

Uint8Array को Base64 और हेक्स में बदलने और उनसे वापस Uint8Array में बदलने की सुविधा, अब Baseline Newly available के तौर पर उपलब्ध है

Base64, किसी भी बाइनरी डेटा को ASCII के तौर पर दिखाने का एक सामान्य तरीका है. JavaScript में बाइनरी डेटा के लिए Uint8Arrays होता है. हालांकि, इसमें डेटा को base64 के तौर पर कोड में बदलने या base64 डेटा को लेकर उससे मिलता-जुलता Uint8Array बनाने के लिए, कोई इन-बिल्ट सिस्टम नहीं होता. इस सुविधा की मदद से, हेक्स स्ट्रिंग और Uint8Arrays के बीच कन्वर्ज़न किया जा सकता है. साथ ही, इसके लिए तरीके भी जोड़े गए हैं. Chrome 140 के साथ, यह सुविधा नई उपलब्ध बेसलाइन बन जाती है.

Browser Support

  • Chrome: 140.
  • Edge: 140.
  • Firefox: 133.
  • Safari: 18.2.

Source

caret-animation प्रॉपर्टी

सीएसएस caret-animation प्रॉपर्टी, Chrome 140 में उपलब्ध है. इसकी दो वैल्यू हो सकती हैं: auto और manual. auto का मतलब है ब्राउज़र का डिफ़ॉल्ट (ब्लिंक करना) और manual का मतलब है कि डेवलपर, कैरट ऐनिमेशन को कंट्रोल करता है. इसके अलावा, जिन लोगों को झिलमिलाते या चमकते विज़ुअल से परेशानी होती है या जिनकी इस तरह के विज़ुअल से सेहत पर बुरा असर पड़ता है वे उपयोगकर्ता स्टाइलशीट की मदद से, झिलमिलाने की सुविधा को बंद कर सकते हैं.

Browser Support

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

Source

ARIA Notify API

Chrome 141 से, ariaNotify एक JavaScript API उपलब्ध कराता है. इसकी मदद से, कॉन्टेंट बनाने वाले लोग स्क्रीन रीडर को यह बता सकते हैं कि उसे क्या पढ़ना है. यह ARIA लाइव रीजन की तुलना में ज़्यादा भरोसेमंद है. साथ ही, इससे डेवलपर को ज़्यादा कंट्रोल मिलता है. इससे ऐसे बदलावों के बारे में सूचना दी जा सकती है जो DOM अपडेट से जुड़े नहीं हैं.

getAll() और getAllKeys() के लिए IndexedDB getAllRecords() और direction विकल्प

Chrome 141 में मौजूद इस सुविधा की मदद से, IndexedDB IDBObjectStore और IDBIndex में getAllRecords() तरीका जोड़ा जाता है. यह getAll() और getAllKeys() में दिशा बताने वाला पैरामीटर भी जोड़ता है. इस सुविधा की मदद से, कुछ पढ़ने के पैटर्न को कर्सर के साथ दोहराव के मौजूदा विकल्प की तुलना में काफ़ी तेज़ी से पढ़ा जा सकता है.

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

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

Safari 26.1 में मुख्य रूप से गड़बड़ियों को ठीक किया गया है. इसमें ऐंकर की पोज़िशनिंग से जुड़ी गड़बड़ियों को ठीक करने के साथ-साथ अन्य बदलाव भी किए गए हैं. Firefox 144 में, सिंगल-पेज ऐप्लिकेशन (एसपीए) के लिए व्यू ट्रांज़िशन की सुविधा उपलब्ध होगी. यह Interop 2025 के फ़ोकस एरिया में से एक है. इसका मतलब है कि यह सुविधा, Baseline Newly available बन जाती है.

Firefox 144 में, Element, DocumentFragment, और Document इंटरफ़ेस पर moveBefore() तरीका भी शामिल है. इसकी मदद से, ऑब्जेक्ट के किसी चाइल्ड एलिमेंट को उसके दूसरे चाइल्ड एलिमेंट से पहले ले जाया जा सकता है.