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

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

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

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

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

Chrome 120 और Safari 17.2 में ये शामिल हैं सीएसएस नेस्टिंग के लिए आसान पार्सिंग. Firefox के वर्शन 117 में, इस तरीके का इस्तेमाल किया जा सकता है. इसका मतलब है कि सभी मुख्य इंजन पर सिंटैक्स में यह बदलाव किया जा सकता है.

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

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

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

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

  • 120
  • 120
  • x
  • 17.2

:has() सिलेक्टर

Firefox 121 में सीएसएस :has() सिलेक्टर शामिल है. इस रिलीज़ की वजह से, सभी बड़े इंजन के साथ :has() का इस्तेमाल किया जा सकता है.

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

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

  • 105
  • 105
  • 121
  • 15.4

सोर्स

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

Safari 17.2 में सीएसएस कस्टम हाइलाइट एपीआई इसकी मदद से, टेक्स्ट रेंज और स्टाइल बनाए जा सकते हैं. ::selection जैसी स्टैंडर्ड हाइलाइट pseudo-classes को बढ़ाना.

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

  • 105
  • 105
  • 17.2

सोर्स

CloseWatcher API

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

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

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

  • 126
  • 126
  • x
  • x

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

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

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

text-wrap: balance

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

  • 114
  • 114
  • 121
  • 17.5

सोर्स

text-wrap: stable

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

  • x
  • x
  • 121
  • 17.5

सोर्स

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

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

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

  • 77
  • 79
  • 121
  • 16.4

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

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

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

  • 113
  • 113
  • 112
  • 17.2

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

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

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

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