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

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

मार्च 2023 में, Firefox 111, Chrome 111, और Safari 16.4 ठीक से काम कर रही थीं. आइए, देखते हैं कि वेब प्लैटफ़ॉर्म के लिए इसका क्या मतलब है.

ग्लोबल एचटीएमएल एट्रिब्यूट

Firefox 111 कुछ उपयोगी ग्लोबल एचटीएमएल एट्रिब्यूट के लिए सहायता जोड़ता है. autocapitalize एट्रिब्यूट यह कंट्रोल करता है कि जब उपयोगकर्ता, वर्चुअल कीबोर्ड पर टाइप कर रहा हो, तब टेक्स्ट को अपने-आप कैपिटल लेटर में रखा जाए या नहीं.

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

  • 43
  • 79
  • 111
  • x

सोर्स

translate एट्रिब्यूट से पता चलता है कि पेज को स्थानीय भाषा में उपलब्ध कराने पर एलिमेंट का अनुवाद किया जाना चाहिए या नहीं.

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

  • 19
  • 79
  • 111
  • 6

सोर्स

ऑरिजिन प्राइवेट फ़ाइल सिस्टम (ओपीएफ़एस)

फ़ाइल सिस्टम ऐक्सेस एपीआई का इस्तेमाल करते समय, Firefox ऑरिजिन प्राइवेट फ़ाइल सिस्टम (ओपीएफ़एस) के साथ काम करता है. ओपीएफ़एस के बारे में ज़्यादा जानें.

व्यू ट्रांज़िशन एपीआई

Chrome 111 में, View Transits API जोड़ा गया. इससे सिंगल-पेज ऐप्लिकेशन (एसपीए) में बेहतर ट्रांज़िशन बनाना आसान हो गया है. इसके लिए, व्यू का स्नैपशॉट लिया जा सकता है और राज्यों के बीच बिना किसी ओवरलैप के डीओएम को बदला जा सकता है.

इस बारे में ज़्यादा जानकारी के लिए, लॉन्च के बाद Chrome 111 में एसपीए व्यू ट्रांज़िशन के बारे में जानकारी देखें.

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

  • 111
  • 111
  • x
  • 18

सोर्स

सीएसएस के नए कलर स्पेस और फ़ंक्शन

Chrome 111 में भी, वेब पर रंग इस्तेमाल करने के नए तरीके शामिल किए गए हैं. Chrome में अब color() और color-mix() फ़ंक्शन के साथ-साथ, आरजीबी गैमट से बाहर के कलर को ऐक्सेस करने वाले कलर स्पेस का इस्तेमाल किया जा सकता है. ज़्यादा जानकारी के लिए, हाई डेफ़िनिशन सीएसएस कलर गाइड और color-mix() पर ब्लॉग पोस्ट पढ़ें.

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

  • 111
  • 111
  • 113
  • 16.2

सोर्स

Chrome के रिलीज़ में नया DevTools भी शामिल है, ताकि आप रंगों से जुड़ी इस नई सुविधा के साथ काम कर सकें.

:nth-child() के आइटम पर ज़्यादा कंट्रोल

Chrome 111, :nth-child() और nth-last-child() में सिलेक्टर की सूची पास करने की सुविधा जोड़ता है. इसके बारे में ज़्यादा जानें और S सिंटैक्स की मदद से चुने गए :nth-child() विकल्पों पर ज़्यादा कंट्रोल पोस्ट में इसके उदाहरण देखें.

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

  • 111
  • 111
  • 113
  • 9

Media Session API में पिछली और अगली स्लाइड के लिए सहायता

आखिर में, Chrome 111 वर्शन की इस सूची में, मीडिया सेशन एपीआई के लिए स्लाइड प्रज़ेंट करने की कार्रवाइयां शामिल हैं—"previousslide" और "nextslide".

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

  • 111
  • 111
  • x
  • x

Safari में बदली गई श्रेणी की सुविधा

Safari 16.4, वेब प्लैटफ़ॉर्म के लिए एक शानदार रिलीज़ है. इस लेख में सभी चीज़ें शामिल नहीं होंगी, इसलिए Safari 16.4 के प्रॉडक्ट की जानकारी में सुविधाओं की पूरी सूची देखें.

इस रिलीज़ में, :user-invalid, :user-valid, :dir(), :modal, और :fullscreen की अतिरिक्त सीएसएस pseudo-classes का इस्तेमाल किया जा सकता है.

मीडिया क्वेरी के लिए नया रेंज सिंटैक्स

इस Safari रिलीज़ की वजह से मीडिया क्वेरी के लिए, सबसे शानदार और मददगार रेंज सिंटैक्स का इस्तेमाल किया गया है. इसे तीनों इंजन में इंटरऑपर किया जा सकता है. इस पोस्ट में इस सिंटैक्स के उदाहरण देखें, जिसे Chrome में सिंटैक्स शिप किए जाने पर पब्लिश किया गया था.

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

  • 104
  • 104
  • 102
  • 16.4

सोर्स

सीएसएस प्रॉपर्टी और वैल्यू

Safari 16.4 में @property के लिए सहायता जोड़ी गई है. इससे सीधे स्टाइलशीट में, सीएसएस कस्टम प्रॉपर्टी का रजिस्ट्रेशन चालू हो जाता है. इसके बारे में ज़्यादा जानने के लिए @property: CSS वैरिएबल को सुपरपावर देना में जाएं.

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

  • 85
  • 85
  • 128
  • 16.4

सोर्स

CSS API की सुविधा

सीएसएस टाइप की गई ओएम के साथ काम करने की सुविधा के साथ, सीएसएस में लगातार नई सुविधाएं जोड़ी गई हैं. यह एपीआई, सीएसएस की वैल्यू को स्ट्रिंग के बजाय, टाइप किए गए JavaScript ऑब्जेक्ट के तौर पर दिखाता है. इससे JavaScript की मदद से सीएसएस का इस्तेमाल करना आसान हो जाता है. साथ ही, यह मौजूदा तरीकों से ज़्यादा बेहतर परफ़ॉर्म करता है.

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

  • 66
  • 79
  • x
  • 16.4

सोर्स

CSSStyleSheet() की मदद से बनाई जा सकने वाली स्टाइलशीट भी बनाई जा सकती हैं. इससे किसी दस्तावेज़ और उसके शैडो डीओएम सबट्री के बीच स्टाइलशीट शेयर की जा सकती है. Safari के इस वर्शन में, बनाई जा सकने वाली स्टाइलशीट अब तीनों इंजन में काम करती हैं.

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

  • 73
  • 79
  • 101
  • 16.4

सोर्स

वेब पुश और बैजिंग एपीआई

Safari अब Badging API के साथ-साथ वेब पुश का समर्थन करता है, जो ऐप्लिकेशन डेवलपर के लिए अच्छी खबर है. खास तौर पर, इस वर्शन का मतलब है कि सभी मुख्य इंजन में पुश नोटिफ़िकेशन काम करते हैं.

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

  • 42
  • 17
  • 44
  • 16

सोर्स

मैप इंपोर्ट करें

इंटरऑपरेबल स्टेटस में एक और सुविधा जोड़ी गई है, जो है JavaScript मैप इंपोर्ट करने की सुविधा. इससे ES मॉड्यूल को इंपोर्ट करना ज़्यादा आसान हो गया है.

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

  • 89
  • 89
  • 108
  • 16.4

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

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

Firefox 112 में, inert एट्रिब्यूट की सुविधा जोड़ी गई है. इससे यह काम का एट्रिब्यूट सभी इंजन के लिए उपलब्ध हो जाएगा. inert के बारे में जानकारी देने वाले पेज पर जाकर, इनर्ट के बारे में ज़्यादा जाना जा सकता है. Firefox linear() ईज़िंग फ़ंक्शन के लिए भी सहायता चालू कर देगा.

Chrome 112 और Safari 16.5, दोनों ही CSS Nesting के लिए सहायता उपलब्ध कराते हैं. यह एक ऐसी सुविधा है जिसका कई डेवलपर को बेसब्री से इंतज़ार रहता है.

Chrome 112 में, animation-composition के साथ काम करने की सुविधा भी शामिल है. इस प्रॉपर्टी के काम करने का तरीका जानने के लिए, यह बताएं कि ऐनिमेशन-कंपोज़िशन के साथ कई ऐनिमेशन इफ़ेक्ट कैसे कंपोज़िट करने चाहिए.

अगर Puppeteer जैसे Chrome के हेडलेस मोड का इस्तेमाल किया जाता है, तो 112 पर बिना ग्राफ़िक यूज़र इंटरफ़ेस वाला नया मोड उपलब्ध होगा. इसके बारे में जानें. इसके लिए, Chrome के हेडलेस मोड को अपग्रेड किया जा रहा है.

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