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

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

अप्रैल 2024 में, Firefox 125 और Chrome 124 स्टेबल हो गए. इस पोस्ट में, वेब प्लैटफ़ॉर्म में जोड़ी गई नई सुविधाओं के बारे में बताया गया है.

बेसलाइन में चार नए फ़ीचर शामिल होंगे

Firefox 125 ने 'बेसलाइन नए उपलब्ध' में चार नई सुविधाएं जोड़ी हैं. ब्लॉक लेआउट के लिए पॉपओवर एपीआई, Intl.Segmenter, align-content और transform-box के लिए content-box और stroke-box वैल्यू.

पॉपओवर एपीआई

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

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

  • 114
  • 114
  • 125
  • 17

सोर्स

Intl.Segmenter

Intl.Segmenter, स्थानीय-संवेदनशील टेक्स्ट सेगमेंटेशन को चालू करता है. उदाहरण के लिए, आपको उन भाषाओं में शब्दों को बांटने की सुविधा देना जो शब्दों को स्पेस से अलग नहीं करती हैं. देखें कि यह कैसे काम करता है. Intl.segmenter ऑब्जेक्ट, अब बेसलाइन का हिस्सा है.

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

  • 87
  • 87
  • 125
  • 78 जीबी में से

सोर्स

ब्लॉक लेआउट के लिए align-content

align-content प्रॉपर्टी, अब ब्लॉक लेआउट के लिए सभी बड़े इंजन में काम करती है. इसका मतलब है कि पैरंट एलिमेंट के लिए, फ़्लेक्स या ग्रिड लेआउट बनाए बिना भी, दिशा-निर्देशों को ब्लॉक किया जा सकता है. ब्लॉक लेआउट के लिए अलाइन कॉन्टेंट प्रॉपर्टी अब बेसलाइन का हिस्सा है में एक उदाहरण देखें.

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

  • 123
  • 123
  • 125
  • 78 जीबी में से

सीएसएस transform-box

आखिर में, Firefox 125 में transform-box प्रॉपर्टी के लिए, content-box और stroke-box की वैल्यू होती हैं. content-box वैल्यू में, कॉन्टेंट बॉक्स और stroke-box स्ट्रोक बाउंडिंग बॉक्स का इस्तेमाल किया जाता है, जिसमें SVG का आकार होता है.

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

  • 118
  • 118
  • 125
  • 78 जीबी में से

WebSocketStream एपीआई

WebSocketStream API, WHATWG Streams को WebSocket API के साथ इंटिग्रेट करता है. यह Chrome 124 में उपलब्ध है. ज़्यादा जानकारी के लिए, WebSocketStream: WebSocket API की मदद से स्ट्रीम इंटिग्रेट करें पर जाएं.

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

  • 124
  • 124
  • x
  • x

setHTMLUnsafe और parseHTMLUnsafe

Chrome 124 में setHTMLUnsafe और parseHTMLUnsafe वाले तरीके भी शामिल हैं. इनकी मदद से, JavaScript से डिक्लेरेटिव शैडो डीओएम का इस्तेमाल किया जा सकता है. इन तरीकों की मदद से, innerHTML या DOMParser के मुकाबले, एचटीएमएल को DOM में ज़रूरी तरीके से पार्स करना आसान हो जाता है.

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

  • 124
  • 124
  • 123
  • 78 जीबी में से

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

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

Safari 17.5 में light-dark() कलर फ़ंक्शन शामिल होता है, जो 17.5 के स्थिर होने पर 'बेसलाइन न्यूली उपलब्ध' हो जाएगा.

'बेसलाइन के नए उपलब्ध' सेक्शन में, सीएसएस के स्टेप्ड वैल्यू फ़ंक्शन भी शामिल हैं. Chrome 125 में round(), mod(), और rem() शामिल हैं.

Chrome 125 में Compute Pressure API और सीएसएस ऐंकर पोज़िशनिंग भी शामिल हैं.

Firefox 126 में Screen वेक लॉक एपीआई शामिल है. यह एक और सुविधा है, जो अब बुनियादी रूप से उपलब्ध है.