कुछ दिलचस्प सुविधाओं के बारे में जानें, जिन्हें मई 2022 में, स्टेबल और बीटा वर्शन वाले वेब ब्राउज़र पर इस्तेमाल किया गया.
स्थायी ब्राउज़र रिलीज़
मई में, Chrome 102, Safari 15.5, Firefox 100, और Firefox 101 स्टेबल हो गए.
Chrome 102 और Safari 15.5 में inert एट्रिब्यूट शामिल है. अगर एलिमेंट नॉन-इंटरैक्टिव हैं, तो टैब क्रम और सुलभता ट्री से एलिमेंट हटा दिए जाते हैं. उदाहरण के लिए, ऐसा एलिमेंट जो फ़िलहाल ऑफ़स्क्रीन है या छिपा हुआ है.
Chrome 102 में एचटीएमएल hidden एट्रिब्यूट के लिए, नई वैल्यू until-found शामिल की गई है. इसकी मदद से, 'पेज में ढूंढें' सुविधा चालू हो जाती है. साथ ही, पेज के छोटे किए गए हिस्से में मौजूद टेक्स्ट फ़्रैगमेंट तक स्क्रोल किया जा सकता है. ऐसा अकॉर्डियन पैटर्न में भी हो सकता है. इस बारे में ज़्यादा जानने के लिए, hide=खत्म होने के बाद मिले कॉन्टेंट को ऐक्सेस करने लायक बनाना लेख पढ़ें.
Chrome 102, नेविगेशन एपीआई की शिपिंग करता है. यह एक ऐसा एपीआई है जो एक पेज के ऐप्लिकेशन में क्लाइंट-साइड रूटिंग के लिए स्टैंडर्ड तय करता है. इस एपीआई को पहले App History API का नाम दिया जाता था.
Firefox 101 बनाए जा सकने वाले स्टाइलशीट के साथ काम करता है. सहायता में CSSStyleSheet() कंस्ट्रक्टर के साथ-साथ, replace() और replaceSync() तरीके शामिल हैं. बनाने लायक स्टाइलशीट की मदद से, शैडो डीओएम के साथ इस्तेमाल करने के लिए स्टाइलशीट बनाना आसान हो जाता है. नीचे दिए गए उदाहरण में, CSSStyleSheet() कंस्ट्रक्टर का इस्तेमाल करके स्टाइलशीट बनाई गई है, replaceSync() तरीके की मदद से सीएसएस नियम जोड़ा गया है, और उससे मिलने वाले नियम को कंसोल पर प्रिंट किया गया है.
const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);
साथ ही, Firefox 101 में prefers-contrast की मीडिया सुविधा है, जो इस सुविधा को क्रॉस-ब्राउज़र उपलब्ध कराती है.
बीटा ब्राउज़र की रिलीज़
ब्राउज़र के बीटा वर्शन में आपको उन चीज़ों की झलक मिलती है जो ब्राउज़र के अगले स्टेबल वर्शन में होंगी. इस दौरान नई सुविधाओं या हटाए गए कॉन्टेंट को आज़माया जा सकता है. इससे दुनिया भर में आपकी साइट के इस्तेमाल पर असर पड़ सकता है.
अप्रैल में, नए बीटा वर्शन Chrome 103 और Firefox 102 थे.
Firefox 102 में update मीडिया सुविधा शामिल है. इसका इस्तेमाल यह क्वेरी करने के लिए किया जाता है कि रेंडर होने के बाद आउटपुट डिवाइस, कॉन्टेंट के दिखने के तरीके में बदलाव कर सकता है या नहीं. यह इन वैल्यू को स्वीकार करता है:
none- रेंडर करने के बाद, कॉन्टेंट को अपडेट नहीं किया जा सकता. उदाहरण के लिए, प्रिंट किया गया दस्तावेज़.
slow- डिवाइस, कॉन्टेंट को अपडेट कर सकता है. हालांकि, इसमें स्मूद ऐनिमेशन दिखाने में बहुत ज़्यादा समय लगता है. उदाहरण के लिए, ई-इंक स्क्रीन.
fast- कॉन्टेंट डाइनैमिक रूप से और तेज़ी से बदल सकता है, ताकि ऐनिमेशन रेंडर किए जा सकें. उदाहरण के लिए, कंप्यूटर या फ़ोन की स्क्रीन.
Chrome 103 में Local Font Access API शामिल है, जो उपयोगकर्ता के डिवाइस पर इंस्टॉल किए गए फ़ॉन्ट को ऐक्सेस करने की अनुमति देता है.
बीटा वर्शन की ये सुविधाएं, जल्द ही स्टेबल ब्राउज़र में उपलब्ध होंगी.
बदलाव करें: इस पोस्ट के पिछले वर्शन में, Element.isVisible() तरीके के बारे में बताया गया था. यह तरीका इस रिलीज़ में शामिल नहीं किया गया है.
यह वेब सीरीज़ में नई सुविधा का हिस्सा है