अगस्त में वेब प्लैटफ़ॉर्म पर नया है

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

अगस्त 2023 में, Firefox 116, Firefox 117, Safari 16.6, और Chrome 116 स्टेबल हो गए. इस पोस्ट से पता चलता है कि वेब प्लैटफ़ॉर्म के लिए इसका क्या मतलब है.

Firefox 116, Android को छोड़कर सभी प्लैटफ़ॉर्म पर ऑडियो आउटपुट डिवाइस एपीआई के साथ काम करता है. यह एपीआई, वेब ऐप्लिकेशन को डिफ़ॉल्ट ब्राउज़र या ओएस के डिफ़ॉल्ट इस्तेमाल के बजाय, ऑडियो आउटपुट को अनुमति वाले ब्लूटूथ हेडसेट, स्पीकरफ़ोन या किसी दूसरे डिवाइस पर रीडायरेक्ट करने की अनुमति देता है.

ब्राउज़र सहायता

  • x
  • x
  • 116
  • x

सोर्स

Chrome 116 में सीएसएस मोशन पाथ शामिल है. इसकी मदद से डेवलपर के बताए गए पाथ पर किसी भी ग्राफ़िकल ऑब्जेक्ट को ऐनिमेट किया जा सकता है. इसकी मदद से, बदलाव करने की कई नई संभावनाएं मिलती हैं. जैसे, translate() फ़ंक्शन में इस्तेमाल होने वाले स्टैंडर्ड आयताकार निर्देशांक के बजाय, पोलर निर्देशांक (ray() फ़ंक्शन के साथ) का इस्तेमाल करके पोज़िशनिंग या किसी तय पाथ पर एलिमेंट को ऐनिमेट करना. इससे जटिल और सुंदर 2d स्पेशल ट्रांज़िशन को तय करना आसान हो जाता है. पाथ के बारे में circle(), ellipse(), rect(), inset(), xywh(), polygon(), ray(), और url() के तौर पर बताया जा सकता है.

साथ ही, Chrome 116 में Document पिक्चर-इन-पिक्चर एपीआई भी होता है. इससे, हमेशा सबसे ऊपर बनी रहने वाली एक विंडो चालू हो जाती है, जिसे आर्बिट्रेरी एचटीएमएल एलिमेंट से भरा जा सकता है. यह मौजूदा HTMLVideoElement API में से एक है, जो सिर्फ़ HTMLVideoElement को पिक्चर में पिक्चर (पीआईपी) विंडो में डालने की अनुमति देता है.

ब्राउज़र सहायता

  • 116
  • 116
  • x
  • x

सोर्स

Firefox 117 में, सीएसएस Nesting और & नेस्टिंग सिलेक्टर काम करते हैं. इससे किसी एक स्टाइल नियम को दूसरे में नेस्ट किया जा सकता है. इस वजह से, सीएसएस नेस्टिंग को एक चेतावनी के साथ इंटरऑपर किया जा सकता है. Safari और Chrome ने स्पेसिफ़िकेशन का पुराना वर्शन लागू कर दिया है. इसलिए, टाइप सिलेक्टर को नेस्ट करने की अनुमति नहीं है. Firefox ने इस स्पेसिफ़िकेशन का नया वर्शन लागू कर दिया है. इसके लिए, & नेस्टिंग सिलेक्टर की ज़रूरत नहीं है. सीएसएस Nesting का इस्तेमाल करना में जाकर, दोनों वर्शन के उदाहरण देखे जा सकते हैं.

ब्राउज़र सहायता

  • 120
  • 120
  • 117
  • 78 जीबी में से

सोर्स

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

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

Firefox की अगली रिलीज़ के लिए अभी तक बहुत ज़्यादा जानकारी उपलब्ध नहीं है. हालांकि, Chrome 117 में कुछ शानदार सुविधाएं मिलती हैं. उदाहरण के लिए, सीएसएस की कुछ नई सुविधाएं, जो एंट्री और एग्ज़िट ऐनिमेशन को चालू करती हैं.

Chrome 117 में, grid-template-columns और grid-template-rows के लिए subgrid वैल्यू शामिल है. इसलिए, इसका इस्तेमाल अलग-अलग सुविधाओं के साथ किया जा सकता है.

साथ ही, Chrome 117 में Object.groupBy और Map.groupBy स्टैटिक तरीकों की मदद से, JavaScript का अरे ग्रुप बनाया जाता है.

Safari 17 के बीटा वर्शन में popover एट्रिब्यूट शामिल है, ताकि पॉपओवर एपीआई के साथ काम किया जा सके.

यह वेब सीरीज़ में नई सुविधा का हिस्सा है