कुछ दिलचस्प सुविधाओं के बारे में जानें, जिन्हें मार्च 2022 में, स्टेबल और बीटा वर्शन वाले वेब ब्राउज़र में इस्तेमाल किया गया.
स्थायी ब्राउज़र रिलीज़
मार्च में, Chrome 99, Chrome 100, Firefox 98, और Safari 15.4 स्टेबल हो गए. इससे प्लैटफ़ॉर्म पर कई नई सुविधाएं जोड़ी गईं. इनमें से कई सुविधाओं का मतलब था कि यह सुविधा सभी तीन ब्राउज़र इंजन में उपलब्ध हो गई. इस पोस्ट में हमने ऐसे अन्य वर्शन पर ध्यान दिया है जो हमें क्रॉस-ब्राउज़र की इंटरऑपरेबिलिटी (दूसरे सिस्टम के साथ काम करने की क्षमता) देते हैं. हालांकि, हर इंजन में जोड़ी गई सभी सुविधाओं को देखने के लिए रिलीज़ नोट ज़रूर देखें.
Chrome 99 और Safari 15.4 में कैस्केड लेयर शामिल हैं. @layer एट-रूल, कैस्केड लेयर के बारे में जानकारी देता है. इससे आपको किसी खास कैटगरी को कंट्रोल करने में मदद मिलती है. वे Firefox में शामिल होते हैं और इसलिए कैस्केड लेयर अब सभी तीन ब्राउज़र इंजन में उपलब्ध है. आपके ब्राउज़र पर कैस्केड लेयर आ रही हैं में कैस्केड लेयर के बारे में ज़्यादा जानें.
Chrome 100 में, सीएसएस mix-blend-mode प्रॉपर्टी के लिए plus-lighter की नई वैल्यू शामिल है. यह वैल्यू तब फ़ायदेमंद होती है, जब दो एलिमेंट को क्रॉस-फ़ेड किया जाता है. ऐसा तब होता है, जब सभी या पिक्सल के सबसेट में एक ही वैल्यू हो. इससे जो समस्या हल होती है उसके बारे में ज़्यादा जानकारी पाने के लिए, फ़िलहाल, किसी भी दो डीओएम एलिमेंट को क्रॉस-फ़ेड करना नामुमकिन है पर जाएं.
ब्राउज़र सहायता
- 100
- 100
- 99
- 9.1
Safari 15.4 में contain प्रॉपर्टी शामिल होती है, जिससे सीएसएस को कंटेन किया जा सकता है.
Safari 15.4 में accent-color भी है, जो कुछ फ़ॉर्म कंट्रोल में इस्तेमाल किए गए ऐक्सेंट के रंग को कंट्रोल करता है.
Firefox 98 और Safari 15.4 में <dialog> एलिमेंट मिला, जो एक डायलॉग बॉक्स दिखाता है.
Safari 15.4 ने :focus-visible स्यूडो-क्लास के लिए भी काम करना शुरू कर दिया है. इस पर लागू करने का काम इगालिया ने किया था.
बीटा ब्राउज़र की रिलीज़
ब्राउज़र के बीटा वर्शन में आपको उन चीज़ों की झलक मिलती है जो ब्राउज़र के अगले स्टेबल वर्शन में होंगी. इस दौरान नई सुविधाओं या हटाए गए कॉन्टेंट को आज़माया जा सकता है. इससे दुनिया भर में आपकी साइट के इस्तेमाल पर असर पड़ सकता है.
मार्च में, Chrome 101 और Firefox 99 जैसे नए बीटा वर्शन शामिल किए गए.
Chrome 101 के बीटा वर्शन में एचडब्ल्यूबी कलर नोटेशन शामिल है. यह रंग, सफ़ेद, और कालापन के हिसाब से रंग की जानकारी देता है. दूसरे रंग नोटेशन की तरह, एक वैकल्पिक ऐल्फ़ा कॉम्पोनेंट अपारदर्शिता की जानकारी देता है.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
Firefox 99 में Navigator इंटरफ़ेस की pdfViewerEnabled प्रॉपर्टी शामिल है. इस प्रॉपर्टी से पता चलता है कि ब्राउज़र PDF फ़ाइलों को इनलाइन डिसप्ले की सुविधा देता है या नहीं.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
बीटा वर्शन की ये सुविधाएं, जल्द ही स्टेबल ब्राउज़र में उपलब्ध होंगी.
यह वेब सीरीज़ में नई सुविधा का हिस्सा है