दिसंबर में वेब प्लैटफ़ॉर्म पर नया

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

Rachel Andrew

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

दिसंबर 2023 में, Firefox 121, Chrome 120, और Safari 17.2 स्टेबल हो गए. इस पोस्ट में बताया गया है कि वेब प्लैटफ़ॉर्म के लिए इसका क्या मतलब है.

सीएसएस नेस्टिंग के लिए आरामदेह पार्सिंग

Chrome 120 और Safari 17.2 में CSS Nesting के लिए रिलैक्स्ड पार्सिंग शामिल है. जैसा कि Firefox में वर्शन 117 से काम करता है, इसका मतलब है कि सभी बड़े इंजन इस सिंटैक्स बदलाव का समर्थन करते हैं.

<details> एलिमेंट के साथ खास अकॉर्डियन

Chrome 120 और Safari 17.2 में, <details> एलिमेंट के लिए name एट्रिब्यूट काम करता है. इसका मतलब है कि कई <details> एलिमेंट को ग्रुप में रखकर, खास अकॉर्डियन कॉम्पोनेंट बनाए जा सकते हैं.

इस बारे में ज़्यादा जानने के लिए, खास अकॉर्डियन पर जाएं.

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

  • 120
  • 120
  • x
  • 78 जीबी में से

:has() चुनने वाला

Firefox 121 में सीएसएस :has() सिलेक्टर शामिल है. इस रिलीज़ की वजह से, :has() को सभी मुख्य इंजन के लिए इंटरऑपरेबल कर दिया गया है.

ज़्यादा जानकारी के लिए, :has(): फ़ैमिली सिलेक्टर पर जाएं.

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

  • 105
  • 105
  • 121
  • 15.4

सोर्स

सीएसएस कस्टम हाइलाइट एपीआई

Safari 17.2 में CSS Custom Capture API शामिल है. इससे आपको टेक्स्ट रेंज बनाने और उन्हें स्टाइल करने की सुविधा मिलती है. इससे, स्टैंडर्ड हाइलाइट वाली बदली हुई क्लास का दायरा बढ़ जाता है, जैसे कि ::selection.

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

  • 105
  • 105
  • 78 जीबी में से

सोर्स

Close पर देखने के लिए इस्तेमाल होने वाला एपीआई

Chrome 120 में Close पर देखने के लिए बना एपीआई भी शामिल है. यह बंद किए गए अनुरोधों को सुनने और उनका जवाब देने के लिए एक नया एपीआई है. ये अनुरोध डेस्कटॉप पर ESC कुंजी और Android पर बैक जेस्चर या बटन से ट्रिगर होते हैं. इन्हें अच्छी तरह से लागू करना मुश्किल हो सकता है.

एपीआई के अलावा, Chrome 120 <dialog> और popover एट्रिब्यूट को भी अपग्रेड करता है, ताकि Android के 'वापस जाएं' बटन का इस्तेमाल किया जा सके.

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

  • 120
  • 120
  • x
  • x

सीएसएस text-wrap: balance और stable

Firefox 121 में text-wrap के लिए balance और stable वैल्यू शामिल होती हैं. balance वैल्यू, कॉन्टेंट के छोटे-छोटे ब्लॉक के लिए काम की होती है, जैसे कि हेडिंग. इससे लोगों को अच्छा और पढ़ने में आसान टेक्स्ट मिलता है. stable वैल्यू की वजह से, बदलाव किए जा सकने वाले कॉन्टेंट को फिर से लोड होने से रोका जा सकता है.

text-wrap: balance के बारे में और जानें.

text-wrap: balance

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

  • 114
  • 114
  • 121

सोर्स

text-wrap: stable

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

  • x
  • x
  • 121

सोर्स

<iframe> एलिमेंट की लेज़ी लोडिंग

Firefox 121, <iframe> एलिमेंट पर loading एट्रिब्यूट के साथ काम करता है. इसका मतलब है कि अब सभी मुख्य इंजन, iframe की लेज़ी-लोडिंग की सुविधा का इस्तेमाल कर सकते हैं.

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

  • 77
  • 79
  • 121
  • 78 जीबी में से

linear() ईज़िंग फ़ंक्शन के लिए सहायता

Safari 17.2 में linear() ईज़िंग फ़ंक्शन के लिए भी सहायता शामिल है, जिसका इस्तेमाल बाउंस और स्प्रिंग इफ़ेक्ट बनाने के लिए किया जा सकता है.

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

  • 113
  • 113
  • 112
  • 78 जीबी में से

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

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

Firefox 122 और Chrome 121 में HTMLSelectElement के लिए showPicker() तरीका शामिल है. यह वही पिकर दिखाता है जो एलिमेंट चुने जाने पर दिखाया जाएगा. हालांकि, यह बटन दबाने या अन्य उपयोगकर्ता इंटरैक्शन से ट्रिगर हो सकता है.

Chrome 121 में, स्क्रोलबार स्टाइल की प्रॉपर्टी scrollbar-color और scrollbar-width के साथ-साथ SVG के लिए बेहतर सीएसएस मास्किंग भी शामिल है. साथ ही, इसमें ऐसे टेक्स्ट के लिए सूडो-एलिमेंट को हाइलाइट किया जाता है जिसे गलत तरीके से लिखा गया है या वह व्याकरण के हिसाब से गलत है.