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

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

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

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

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

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

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

  • 117
  • 117
  • 119
  • 17.4

सोर्स

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

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

  • 111
  • 111
  • 119
  • 16.4

सोर्स

एचटीएमएल <search> एलिमेंट अब इंटरऑपर किया जा सकता है

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

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

  • 118
  • 118
  • 118
  • 17

सोर्स

चुनिंदा एलिमेंट के अंदर हॉरिज़ॉन्टल नियम

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

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

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

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

  • 118
  • 118
  • x
  • 17.4

सोर्स

सीएसएस Prioritys-reduced-transparency

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

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

  • 118
  • 118
  • x

सोर्स

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

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

WebAssembly गार्बेज कलेक्शन (WasmGC)

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

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

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

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

एचटीएमएल के लिए, Safari 17.2 में <details> एलिमेंट के लिए name एट्रिब्यूट की सुविधा शामिल है. साथ ही, Web API में, फे़च प्रायॉरिटी और रिस्पॉन्सिव इमेज पाने की सुविधा अब <link rel=preload> में चालू है.

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

वेब सीरीज़ के नए वर्शन का हिस्सा