अक्टूबर में वेब प्लैटफ़ॉर्म पर नई सुविधाएं

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

Rachel Andrew

स्थायी ब्राउज़र रिलीज़

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

Firefox 119 में JavaScript की सुविधाएं

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

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

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

सोर्स

साथ ही, Firefox 119 में String की isWellFormed() और toWellFormed() विधियां हैं. इनका इस्तेमाल यह पता करने के लिए किया जा सकता है कि स्ट्रिंग में अच्छी तरह से बनाया गया यूनिकोड है या नहीं. साथ ही, इसका इस्तेमाल स्ट्रिंग को अच्छी तरह से बने यूनिकोड से साफ़ करने के लिए भी किया जा सकता है. ये तरीके अब तीन मुख्य इंजन में इंटरऑपरेबल हैं.

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

  • 111
  • 111
  • 119
  • 78 जीबी में से

सोर्स

एचटीएमएल <search> एलिमेंट अब इंटरऑपरेबल है

Chrome 118 में <search> एलिमेंट शामिल है. यह एक नया एचटीएमएल एलिमेंट है, जो दस्तावेज़ या ऐप्लिकेशन के उन हिस्सों को दिखाता है जिनका इस्तेमाल खोजने या फ़िल्टर करने के लिए किया जाता है. यह सुविधा अब तीन मुख्य इंजन के लिए इंटरऑपरेबल है.

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

  • 118
  • 118
  • 118
  • 17

सोर्स

चुने गए एलिमेंट में हॉरिज़ॉन्टल रूल

अक्टूबर में Chrome के दो वर्शन लॉन्च किए गए. Chrome 119 में, एचटीएमएल <select> एलिमेंट का एक छोटा हिस्सा जोड़ा गया है. अब आप विकल्पों के बीच एक हॉरिज़ॉन्टल नियम जोड़ सकते हैं, जो आइटम के बीच डिवाइडर के तौर पर दिखता है. एलिमेंट चुनें: अब हॉरिज़ॉन्टल नियमों के साथ में ज़्यादा जानकारी पाएं.

सीएसएस का दायरा

Chrome 118 में, @scope नियम के साथ स्कोप वाला सीएसएस शामिल है. इस नियम की मदद से, डीओएम के सबट्री में एलिमेंट चुने जा सकते हैं. इस बारे में ज़्यादा जानने के लिए, सीएसएस @scope at-रूल की मदद से अपने सिलेक्टर की पहुंच को सीमित करें में ज़्यादा जानकारी पाएं.

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

  • 118
  • 118
  • x
  • 78 जीबी में से

सीएसएस befores-reduced-transparency को आधार बनाता है

Chrome 118 में prefers-reduced-transparency मीडिया की सुविधा शामिल है. यह सुविधाओं के एक सेट में से एक है. इसकी मदद से, उपयोगकर्ता की सेट की गई प्राथमिकताएं देखी जा सकती हैं. साथ ही, अपने कोड में उनकी ज़रूरतों को भी पूरा किया जा सकता है. सीएसएस की प्राथमिकता में कमी की सुविधा के बारे में ज़्यादा जानें.

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

  • 118
  • 118
  • x

सोर्स

सीएसएस रिलेटिव कलर सिंटैक्स

Chrome 119 में, सीएसएस कलर 5 की एक नई सुविधा है, जो रिलेटिव कलर सिंटैक्स से मिलती है. इससे आपको किसी भी कलर स्पेस या सिंटैक्स का इस्तेमाल करके, किसी दूसरे रंग से रंग जानने में मदद मिलती है.

WebAssembly में कचरा इकट्ठा करना (WasmGC)

Chrome 119 में WasmGC शामिल है, ताकि WebAssembly में कचरा इकट्ठा करने वाली Kotlin, PHP या Java जैसी भाषाओं के साथ तेज़ी से काम किया जा सके. Chrome में डिफ़ॉल्ट रूप से चालू वेबअसेंबल गारबेज कलेक्शन (WasmGC) में सारी जानकारी पाएं.

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

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

Safari 17.2 में कई नई सुविधाएं हैं. सीएसएस के लिए, सीएसएस कस्टम हाइलाइट एपीआई, mask-border प्रॉपर्टी, counter-set प्रॉपर्टी, और कई दूसरी सुविधाओं के लिए सहायता उपलब्ध है. इसके अलावा इंटरऑपरेबिलिटी को बेहतर बनाने के लिए मौजूदा सुविधाओं में कई सुधार हैं.

एचटीएमएल के लिए, Safari 17.2 में <details> एलिमेंट के लिए name एट्रिब्यूट काम करता है. साथ ही, वेब एपीआई में अब <link rel=preload> में प्राथमिकता फ़ेच करें और रिस्पॉन्सिव इमेज (स्क्रीन के हिसाब से साइज़ बदलने वाली इमेज) के लिए सहायता उपलब्ध है.

Firefox 120 में सीएसएस rh और rlh यूनिट, text-wrap: balance, और light-dark() फ़ंक्शन काम करते हैं.

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