जून में वेब प्लैटफ़ॉर्म पर नई सुविधाएं जोड़ी गई हैं

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

Rachel Andrew

स्टेबल ब्राउज़र रिलीज़

जून 2024 में, Firefox 127 और Chrome 126 बिना किसी रुकावट के काम कर रहे थे. इस पोस्ट में, वेब प्लैटफ़ॉर्म में जोड़ी गई नई सुविधाओं के बारे में बताया गया है.

JavaScript सेट के तरीके

सेट, किसी भी प्रोग्रामिंग भाषा में डेटा के ज़रूरी स्ट्रक्चर होते हैं. अब सेट वाली कार्रवाइयां करने के लिए, JavaScript में पहले से मौजूद तरीकों का इस्तेमाल किया जा सकता है. नीचे दी गई सेट करने के तरीके अब Firefox 127 में उपलब्ध हैं और बेसलाइन के नए उपलब्ध होने का हिस्सा बन गए हैं:

• intersection()
• union()
• difference()
• symmetricDifference()
• isSubsetOf()
• isSupersetOf()
• isDisjointFrom()

ज़्यादा जानकारी के लिए, JavaScript सेट के तरीके अब बेसलाइन का हिस्सा हैं.

Async Clipboard API

Clipboard API अब Firefox 127 पर पूरी तरह से काम करता है. Firefox अब ClipboardItem इंटरफ़ेस के साथ-साथ, क्लिपबोर्ड इंटरफ़ेस के read() और write() तरीकों के साथ काम करता है. क्लिपबोर्ड का ऐक्सेस अनब्लॉक करना में जाकर, Clipboard API के बारे में ज़्यादा जानें.

सीएसएस ग्रेडिएंट में कलर इंटरपोलेशन

सीएसएस ग्रेडिएंट <color-interpolation-method> स्वीकार करने के लिए तय किए जाते हैं और अब यह Firefox में काम करता है. इससे इसे सभी बड़े इंजन के साथ इंटरऑपर किया जा सकता है. उदाहरण के लिए, अब hsl कलर सिस्टम और लॉन्ग इंटरपोलेशन का इस्तेमाल करके linear-gradient() तय किया जा सकता है.

.longer {
  background: linear-gradient(90deg in hsl longer hue, red, blue);
}

क्रॉस-दस्तावेज़ व्यू ट्रांज़िशन

इससे पहले, आपको व्यू ट्रांज़िशन एपीआई का इस्तेमाल करने के लिए, अपनी वेबसाइट को एसपीए में फिर से संग्रहित करना पड़ता था. अब ऐसा नहीं होता है. Chrome 126 में, एक ही ऑरिजिन वाले नेविगेशन के लिए, व्यू ट्रांज़िशन अब डिफ़ॉल्ट रूप से चालू हो जाएंगे. एक ही ऑरिजिन वाले दो अलग-अलग दस्तावेज़ों के बीच व्यू ट्रांज़िशन बनाया जा सकता है.

क्रॉस-दस्तावेज़ व्यू ट्रांज़िशन चालू करने के लिए, दोनों सिरों को ऑप्ट-इन करना होगा. ऐसा करने के लिए, @view-transition के नियम का इस्तेमाल करें और नेविगेशन डिस्क्रिप्टर को auto पर सेट करें.

@view-transition {
  navigation: auto;
}

क्रॉस-दस्तावेज़ व्यू ट्रांज़िशन के बारे में, दस्तावेज़ में ज़्यादा जानें.

Gamepad API trigger-rumble एक्सटेंशन

Chrome 126, GamepadHapticActuator के इंटरफ़ेस को बेहतर बनाता है, ताकि वेब पर काम करने वाले गेमपैड के लिए trigger-rumble की सुविधा उपलब्ध कराई जा सके. इस एक्सटेंशन की मदद से ऐसे वेब ऐप्लिकेशन, गेमपैड एपीआई का फ़ायदा ले रहे हैं जो इस सुविधा से लैस गेमपैड डिवाइसों के ट्रिगर भी वाइब्रेट करते हैं.

बीटा ब्राउज़र रिलीज़

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

Safari 17.6 में ऐसे सुधार किए गए हैं जिनसे मौजूदा सुविधाओं में सुधार किया गया है. Safari 18 में कई नई और बेहतरीन सुविधाएं हैं. इनमें स्टाइल कंटेनर क्वेरी, सिंगल-पेज ऐप्लिकेशन के लिए व्यू ट्रांज़िशन एपीआई, और फ़्लेक्सबॉक्स प्रॉपर्टी में safe कीवर्ड के लिए सहायता शामिल है.

Chrome 127 में, font-size-adjust सीएसएस प्रॉपर्टी, जनरेट किए गए कॉन्टेंट पर वैकल्पिक टेक्स्ट को एलिमेंट की मनमुताबिक संख्या के तौर पर बताने की सुविधा, और MediaMetaData में चैप्टर की अलग-अलग जानकारी जोड़ने की सुविधा शामिल है.

Firefox 128 में सीएसएस प्रॉपर्टी और वैल्यू शामिल हैं. इसलिए, यह सुविधा बेसलाइन नए उपलब्ध में है. @property का इस्तेमाल करके type तय करें और सीएसएस कस्टम प्रॉपर्टी के लिए फ़ॉलबैक वैल्यू सेट करें.