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

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

Rachel Andrew

पब्लिश करने की तारीख: 28 फ़रवरी, 2025

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

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

WebAuthn की सुविधाओं की जांच करना

Firefox 135 और Chrome 133, दोनों में PublicKeyCredential.getClientCapabilities() स्टैटिक तरीके के लिए सहायता जोड़ी गई है. इससे यह पता लगाया जा सकता है कि कोई ब्राउज़र, वेब पुष्टि करने वाले एपीआई की सुविधाओं के साथ काम करता है या नहीं. इसके लिए, ब्राउज़र को स्निफ़ करने की ज़रूरत नहीं होती.

Browser Support

  • Chrome: 133.
  • Edge: 133.
  • Firefox: 135.
  • Safari: 17.4.

Source

Firefox 135 में, सोर्स के सुझाव के साथ JSON पार्स करने की सुविधाएं भी शामिल हैं. जैसे, JSON.parse reviver पैरामीटर context आर्ग्युमेंट, JSON.isRawJSON(), और JSON.rawJSON().

Browser Support

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

Source

पॉपओवर एट्रिब्यूट की हिंट वैल्यू

Chrome 133 में, popover एट्रिब्यूट के लिए तीसरी वैल्यू जोड़ी गई है, popover="hint". "टूलटिप" टाइप के व्यवहार से जुड़े होने की वजह से, हिंट का व्यवहार थोड़ा अलग होता है. अब अपने-आप खुलने वाले पॉप-ओवर के मौजूदा स्टैक के खुले रहने के दौरान, कोई दूसरा हिंट पॉप-ओवर खोला जा सकता है.

कैननिकल उदाहरण के तौर पर, <select> पिकर खुला है (popover="auto") और कर्सर घुमाने पर दिखने वाला टूलटिप (popover="hint") दिखाया गया है. इस कार्रवाई से <select> पिकर बंद नहीं होता.

Browser Support

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

ज़्यादा जानकारी के लिए, पॉपओवर = हिंट लेख पढ़ें.

सीएसएस का बेहतर attr() फ़ंक्शन

Chrome 133 में, सीएसएस के लिए कई नए फ़ंक्शन जोड़े गए हैं. Chrome के इस वर्शन में, सीएसएस लेवल 5 में बताए गए attr() में बदलाव किया गया है. इससे <string> के अलावा, अन्य टाइप का इस्तेमाल किया जा सकता है. साथ ही, सभी सीएसएस प्रॉपर्टी में इसका इस्तेमाल किया जा सकता है. इसमें, सूडो-एलिमेंट कॉन्टेंट के लिए मौजूदा सहायता के अलावा, अन्य सहायता भी शामिल है.

Browser Support

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

ज़्यादा जानने के लिए, सीएसएस attr() को अपग्रेड किया गया लेख पढ़ें.

सीएसएस स्क्रोल स्टेटस कंटेनर क्वेरी

Chrome 133 में, कंटेनर की स्क्रोल स्थिति के आधार पर, उनके वंशजों को स्टाइल करने के लिए कंटेनर क्वेरी का इस्तेमाल करें.

क्वेरी कंटेनर, स्क्रोल कंटेनर या ऐसा एलिमेंट होता है जिस पर स्क्रोल कंटेनर की स्क्रोल पोज़िशन का असर पड़ता है. इन स्थितियों के बारे में क्वेरी की जा सकती है:

  • stuck: स्क्रीन पर चिपकने वाला कंटेनर, स्क्रोल बॉक्स के किसी एक किनारे से चिपक गया है.
  • snapped: स्क्रोल स्नैप अलाइन किए गए कंटेनर को फ़िलहाल हॉरिज़ॉन्टल या वर्टिकल तरीके से स्नैप किया गया है.
  • scrollable: क्या स्क्रोल कंटेनर को, क्वेरी की गई दिशा में स्क्रोल किया जा सकता है.

container-type: scroll-state के लिए भी एक नई वैल्यू है, जिसकी मदद से कंटेनर के बारे में क्वेरी की जा सकती है.

Browser Support

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

ज़्यादा जानने के लिए, सीएसएस scroll-state() पढ़ें.

सीएसएस text-box, text-box-trim, और text-box-edge

Chrome 133 के लिए सीएसएस में, text-box-trim और text-box-edge प्रॉपर्टी के साथ-साथ text-box शॉर्टहैंड प्रॉपर्टी भी है. इनकी मदद से, टेक्स्ट के वर्टिकल अलाइनमेंट को बेहतर तरीके से कंट्रोल किया जा सकता है.

Browser Support

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

इस काम की प्रॉपर्टी के बारे में ज़्यादा जानें कि यह सीएसएस text-box-trim में कैसे काम करती है.

डीओएम की स्थिति को बनाए रखने वाला मूव

Chrome 133 में एक DOM प्राइमिटिव (Node.prototype.moveBefore) जोड़ा गया है. इसकी मदद से, एलिमेंट की स्थिति को रीसेट किए बिना, एलिमेंट को DOM ट्री में एक से दूसरी जगह ले जाया जा सकता है.

हटाने और डालने के बजाय, किसी आइटम को एक से दूसरी जगह ले जाने पर, उसकी स्थिति में कोई बदलाव नहीं होता. जैसे:

  • <iframe> एलिमेंट लोड रहते हैं.
  • ऐक्टिव एलिमेंट पर फ़ोकस बना रहता है.
  • पॉपओवर, फ़ुलस्क्रीन, और मॉडल डायलॉग खुले रहते हैं.
  • सीएसएस ट्रांज़िशन और ऐनिमेशन चलते रहते हैं.

Browser Support

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

FileSystemObserver इंटरफ़ेस

Chrome 133 में जोड़ा गया FileSystemObserver इंटरफ़ेस, वेबसाइटों को फ़ाइल सिस्टम में हुए बदलावों की सूचना देता है. साइटें, उन फ़ाइलों और डायरेक्ट्री में हुए बदलावों को देखती हैं जिनके लिए उपयोगकर्ता ने पहले अनुमति दी है. ये बदलाव, उपयोगकर्ता के लोकल डिवाइस या बकेट फ़ाइल सिस्टम (जिसे ऑरिजिन प्राइवेट फ़ाइल सिस्टम भी कहा जाता है) में होते हैं. साथ ही, साइटों को बदलाव के टाइप जैसी बुनियादी जानकारी की सूचना दी जाती है.

Browser Support

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

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

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

Safari के नए बीटा वर्शन में कई नई सुविधाएं जोड़ी गई हैं और मौजूदा सुविधाओं को बेहतर बनाया गया है. इनमें कुछ ऐसी सुविधाएं भी शामिल हैं जो इस ब्राउज़र के स्टेबल वर्शन के उपलब्ध होने के बाद, नए बेसलाइन के तौर पर उपलब्ध होंगी. उदाहरण के लिए, writing-mode: sideways-rl और writing-mode: sideways-lr, ClipboardItem के लिए supports() स्टैटिक तरीका, और Iterator Helpers के प्रस्ताव से जुड़ी चीज़ों की पूरी सूची.

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

Firefox 136 में :open और :has-slotted स्यूडो-क्लास शामिल हैं. :has-slotted, Chrome 134 में भी मौजूद है. इसमें Intl.DurationFormat भी शामिल है, जो तब बेसलाइन के तौर पर उपलब्ध होना चाहिए.

Chrome 134 में, पसंद के मुताबिक बनाए जा सकने वाले <select> एलिमेंट, सीएसएस dynamic-range-limit प्रॉपर्टी, और <dialog> एलिमेंट के लिए, हल्के तरीके से खारिज करने की सुविधा शामिल है.