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

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

Rachel Andrew

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

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

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

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

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

Firefox 123 में 103 शुरुआती हिंट संसाधनों को पहले से लोड करने के लिए स्टेटस कोड.

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

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

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

यहां दी गई, ::backdrop में किए गए बदलाव.

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

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

ज़्यादा जानकारी के लिए इस लिंक पर जाएं Storage बकेट API (एपीआई) दस्तावेज़.

एसिंक्रोनस क्लिपबोर्ड एपीआई: सैनिटाइज़ नहीं किया गया एचटीएमएल पढ़ें

Chrome 122 के बीटा वर्शन में, read() तरीके में unsanitized विकल्प शामिल है एसिंक्रोनस क्लिपबोर्ड एपीआई का इस्तेमाल करें.

JavaScript Set के तरीके

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

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

ये तरीके Safari में पहले ही वर्शन 17, और Firefox Nightly में हैं.

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

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

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

text-spacing-trim प्रॉपर्टी, चाइनीज़, जैपनीज़, का इस्तेमाल करें. इसमें ज़्यादा पढ़ें सीएसएस के लिए चार नई अंतरराष्ट्रीय सुविधाएं.

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

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