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

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

Rachel Andrew

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

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

डिक्लेरेटिव शैडो डीओएम

Firefox 123, <template> एलिमेंट के shadowrootmode एट्रिब्यूट के साथ काम करता है. इसलिए, यह घोषणात्मक शैडो DOM के साथ काम करता है. यह सुविधा अब नई उपलब्ध सीरीज़ में शामिल हो गई है, क्योंकि यह सभी मुख्य ब्राउज़र पर इंटरऑपरेबल है.

103 शुरुआती हिंट: पहले से लोड करने की सुविधा

Firefox 123 में, पहले से लोड करने वाले संसाधनों के लिए 103 Early ब्रैंड स्टेटस कोड शामिल होता है.

सीएसएस ::backdrop इनहेरिटेंस में बदलाव

::backdrop सीएसएस स्यूडो-एलिमेंट, व्यूपोर्ट के साइज़ का एक बॉक्स होता है. इसे सबसे ऊपर मौजूद लेयर में मौजूद किसी भी एलिमेंट के नीचे रेंडर किया जाता है. ::backdrop के लिए मूल स्पेसिफ़िकेशन में बताया गया है कि यह किसी एलिमेंट से इनहेरिट नहीं किया गया था और यह इससे इनहेरिट नहीं किया गया है. इसका मतलब है कि ::backdrop के पास :root पर बताई गई कस्टम प्रॉपर्टी का ऐक्सेस नहीं था.

::backdrop को उसके मूल एलिमेंट से प्रॉपर्टी इनहेरिट करने की अनुमति देने के लिए, स्पेसिफ़िकेशन में बदलाव किया गया है. यह बदलाव Chrome 122 में लागू कर दिया गया है.

::backdrop में हुए बदलावों के बारे में ज़्यादा पढ़ें.

स्टोरेज बकेट एपीआई

Chrome 122 में स्टोरेज बकेट एपीआई शामिल है. यह एपीआई साइटों को, डिवाइस पर मौजूद डेटा को बकेट में व्यवस्थित करने की सुविधा देता है. साथ ही, ग्रुप के डेटा को अन्य बकेट में रखे गए डेटा से अलग निकाला जा सकता है.

ज़्यादा जानकारी के लिए, स्टोरेज बकेट एपीआई के दस्तावेज़ देखें.

Async Clipboard API: बिना सैनिटाइज़ किया हुआ एचटीएमएल पढ़ें

Chrome 122 के बीटा वर्शन में, Async Clipboard API के read() तरीके में, unsanitized का विकल्प शामिल है. इससे, बिना सैनिटाइज़ किए हुए एचटीएमएल फ़ॉर्मैट को वापस पाया जा सकता है.

JavaScript के Set तरीके

Chrome 122 में, Set के ये तरीके लागू किए जाते हैं:

• difference
• intersection
• isDisjointFrom
• isSubsetOf
• isSuperSetOf
• symetricDifference
• union

ये तरीके Safari में, वर्शन 17 से पहले ही लागू कर दिए गए हैं और Firefox Nightly में भी.

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

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

Chrome 123 में सीएसएस की कई नई सुविधाएं शामिल हैं. light-dark() कलर फ़ंक्शन की मदद से, उपयोगकर्ता की पसंद के हिसाब से कलर स्कीम में आसानी से बदलाव किए जा सकते हैं. field-sizing प्रॉपर्टी, अपने-आप बढ़ने वाले टेक्स्ट इनपुट फ़ील्ड को चालू करती है. पिक्चर में पिक्चर मोड में दिखाए जा रहे ऐप्लिकेशन की जांच करने के लिए, एक नई मीडिया सुविधा है.

बहुत ज़्यादा स्पेस में बदलाव करने के लिए, text-spacing-trim प्रॉपर्टी चाइनीज़, जैपनीज़, और कोरियन (सीजेके) के विराम चिह्नों पर कर्निंग लागू करती है. ज़्यादा जानकारी के लिए, पेश है सीएसएस के लिए चार नई अंतरराष्ट्रीय सुविधाएं.

Chrome 123 और Safari 17.4 बीटा वर्शन में, align-content ब्लॉक और टेबल लेआउट में काम करता है. align-content में किए गए बदलाव के बारे में पढ़ें. अगर प्रॉपर्टी को ग्रिड या फ़्लेक्स लेआउट से बाहर इस्तेमाल किया जा रहा है, तो अपनी साइटों की जांच करें. ऐसा करने से वे अलाइनमेंट के लिए तैयार हो जाएंगे जहां पहले यह ब्लॉक लेआउट में काम नहीं करता था.

Firefox 124 में सीएसएस content-visibility प्रॉपर्टी का इस्तेमाल किया जा सकता है. इस प्रॉपर्टी की मदद से यह कंट्रोल किया जाता है कि कोई एलिमेंट अपने कॉन्टेंट को रेंडर करता है या नहीं. इस प्रॉपर्टी की मदद से, ब्राउज़र तब तक कॉन्टेंट को रेंडर नहीं करते हैं, जब तक कि उसकी ज़रूरत न हो.