Chrome 148 बीटा

Rachel Andrew

पब्लिश होने की तारीख: 8 अप्रैल, 2026

यहां दिए गए बदलाव, Android, ChromeOS, Linux, macOS, और Windows के लिए Chrome के बीटा चैनल की सबसे नई रिलीज़ पर लागू होते हैं. हालांकि, अगर किसी बदलाव के बारे में अलग से जानकारी दी गई है, तो वह जानकारी लागू होगी. इन सुविधाओं के बारे में ज़्यादा जानने के लिए, दिए गए लिंक का इस्तेमाल करें या ChromeStatus.com पर जाएं. इस रिलीज़ के मुताबिक, Chrome बीटा वर्शन में है. डेस्कटॉप के लिए, Google.com से या Android पर Google Play Store से, नया बीटा वर्शन डाउनलोड किया जा सकता है.

सीएसएस और यूज़र इंटरफ़ेस (यूआई)

सीएसएस में सिर्फ़ नाम वाली कंटेनर क्वेरी

अब किसी सीएसएस कंटेनर को सिर्फ़ उसके container-name के आधार पर क्वेरी किया जा सकता है. इसके लिए, एलिमेंट पर container-type सेट करने की ज़रूरत नहीं है.

#container {
  container-name: --foo;
}
@container --foo {
  input { background-color: green; }
}

<div id="container">
  <div><input></div>
</div>

उपयोगकर्ता के इंटरैक्शन पर टेक्स्ट ओवरफ़्लो को क्लिप करें

जब कोई उपयोगकर्ता text-overflow: ellipsis सेट किए गए टेक्स्ट से इंटरैक्ट करता है, तो टेक्स्ट कुछ समय के लिए तीन बिंदुओं से बदलकर क्लिप हो जाता है. उदाहरण के लिए, टेक्स्ट में बदलाव करना या कैरट नेविगेशन का इस्तेमाल करना. इससे उपयोगकर्ता, छिपे हुए ओवरफ़्लो कॉन्टेंट को देख सकता है और उससे इंटरैक्ट कर सकता है. यह सुविधा, ऐसे सभी एलिमेंट पर लागू होती है जिनमें बदलाव किया जा सकता है और जिनमें बदलाव नहीं किया जा सकता. फ़ॉर्म कंट्रोल, जैसे कि <textarea> और <input> के लिए, यह सुविधा पहले से उपलब्ध है.

dragEnter, dragLeave, और dragOver इवेंट के लिए dropEffect को सही तरीके से सेट करना

ड्रैग और ड्रॉप करने की सुविधा के लिए, dataTransfer ऑब्जेक्ट के dropEffect एट्रिब्यूट की वैल्यू, dragEnter, dragOver, और dragLeave पर पहले से तय होनी चाहिए. dragEnter और dragOver में, मौजूदा effectAllowed के आधार पर dropEffect होना चाहिए. dragLeave में हमेशा none dropEffect होना चाहिए. फ़िलहाल, Chrome इन नियमों का पालन नहीं करता. Chrome 148 से, Chrome इस स्पेसिफ़िकेशन का पालन करेगा और इस एट्रिब्यूट को सही वैल्यू असाइन करेगा.

वीडियो और ऑडियो एलिमेंट की लेज़ी लोडिंग

इस सुविधा से, <video> और <audio> एलिमेंट में loading एट्रिब्यूट जुड़ जाता है. इससे डेवलपर, loading="lazy" का इस्तेमाल करके मीडिया रिसोर्स को तब तक लोड नहीं करते, जब तक एलिमेंट व्यूपोर्ट के पास न हो. यह <img> और <iframe> एलिमेंट के लिए, लेज़ी लोडिंग के मौजूदा तरीके से मेल खाता है. इससे पेज लोड होने की परफ़ॉर्मेंस बेहतर होती है और डेटा का इस्तेमाल कम होता है.

सुविधा का पता लगाने के लिए सीएसएस at-rule() फ़ंक्शन

इस सुविधा से, सीएसएस @supports में at-rule() फ़ंक्शन जुड़ जाता है. इससे लेखकों को सीएसएस ऐट-रूल के लिए, सुविधा की पहचान करने में मदद मिलती है.

revert-rule कीवर्ड जोड़ें

revert-rule कीवर्ड, कैस्केड को पिछले नियम पर वापस ले जाता है. यह revert-layer की तरह ही काम करता है, जो कैस्केड को पिछली लेयर पर वापस ले जाता है. उदाहरण के लिए:

div { color: green; }
div { color: revert-rule; /* Effectively green */ }

यह सुविधा, शर्तों के साथ खास तौर पर तब काम आती है, जब कोई शर्त पूरी न होने पर मौजूदा नियम को हटाने की ज़रूरत हो:

div {
  display: if(style(--layout: fancy): grid; else: revert-rule);
}

text-decoration-skip-ink: all का सहयोग करें

इस सुविधा की मदद से, CSS text-decoration-skip-ink प्रॉपर्टी के लिए all वैल्यू का इस्तेमाल किया जा सकता है. text-decoration-skip-ink प्रॉपर्टी में पहले से ही auto और none काम करते हैं. all वैल्यू, इस सुविधा को और बेहतर बनाती है. यह सभी ग्लिफ़ पर बिना किसी शर्त के इंक-स्किपिंग की सुविधा लागू करती है. इसमें सीजेके वर्ण भी शामिल हैं. इसके उलट, auto CJK वर्णों को नहीं छोड़ता, क्योंकि अंडरलाइन की सामान्य स्थितियों में, आइडियोग्राफ़िक स्क्रिप्ट के लिए इंक-स्किपिंग से अवांछित विज़ुअल नतीजे मिलते हैं. text-decoration-skip-ink: all की मदद से, जिन लेखकों ने सीजेके ग्लिफ़ के साथ टकराव से बचने के लिए text-underline-position या text-underline-offset में बदलाव किया है वे उन वर्णों के लिए, इंक-स्किपिंग की सुविधा के लिए ऑप्ट इन कर सकते हैं.

Web APIs

मेनिफ़ेस्ट के सदस्यों को स्थानीय भाषा में उपलब्ध कराना

इस सुविधा की मदद से, मेनिफ़ेस्ट सदस्यों को स्थानीय भाषा में उपलब्ध कराया जा सकता है. इससे ऐप्लिकेशन, उपयोगकर्ता की भाषा और इलाके के हिसाब से अपने नाम, ब्यौरे, आइकॉन, और शॉर्टकट को अडैप्ट कर सकते हैं. डेवलपर, वेब ऐप्लिकेशन मेनिफ़ेस्ट में स्थानीय भाषा में वैल्यू देते हैं. ब्राउज़र, उपयोगकर्ता की भाषा की सेटिंग के आधार पर सही संसाधनों को अपने-आप चुनता है. इससे अलग-अलग देशों/इलाकों में भाषा से जुड़ी सहायता मिलती है.

टेक्स्ट को आकार देने और ग्लिफ़ रेंडर करने के लिए, Open Font Format � का इस्तेमाल किया जा सकता हैavar2

avar (ऐक्सिस वेरिएशन) टेबल के दूसरे वर्शन की मदद से, फ़ॉन्ट डिज़ाइनर ऐसे वैरिएबल फ़ॉन्ट बना सकते हैं जिनमें इंटरपोलेशन पर बेहतर कंट्रोल होता है. ओरिजनल वैरिएबल फ़ॉन्ट स्पेसिफ़िकेशन में, ऐक्सिस को अलग-अलग तरीके से हैंडल किया जाता है. वहीं, avar2 की मदद से ऐक्सिस एक-दूसरे को प्रभावित कर सकते हैं. इससे कॉन्टेंट बनाने वालों के लिए, फ़ॉन्ट का इस्तेमाल करना आसान हो जाता है. साथ ही, यह कम जगह में सेव हो जाता है.

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

उदाहरण के लिए, ऐसे मेटा स्लाइडर बनाए जा सकते हैं जो एक साथ कई वेरिएशन ऐक्सिस को कंट्रोल करते हैं. इससे उपयोगकर्ता को फ़ॉन्ट के डिज़ाइन स्पेस को बेहतर बनाने और काम का हिस्सा ढूंढने की ज़रूरत नहीं पड़ती.

Avar2 की मदद से, फ़ॉन्ट डिज़ाइनर को अपने फ़ॉन्ट के इस्तेमाल किए जा सकने वाले वैरिएशन स्पेस पर बेहतर कंट्रोल मिलता है. साथ ही, इससे वे कई ऐक्सिस में डिज़ाइन ऐक्सिस के अडजस्टमेंट को कोऑर्डिनेट कर पाते हैं. avar वर्शन 2 टेबल में, ऐक्सिस के बीच के संबंध को गणित के हिसाब से तय करके, फ़ॉन्ट कम मास्टर के साथ जटिल डिज़ाइन हासिल कर सकते हैं. इससे फ़ाइल का साइज़ छोटा हो जाता है, क्योंकि इंटरपोलेशन को ज़्यादा बेहतर तरीके से सेव किया जाता है.

वेब ऑथेंटिकेशन का तुरंत यूज़र इंटरफ़ेस (यूआई) मोड

navigator.credentials.get() के लिए उपलब्ध इस नए मोड की वजह से, ब्राउज़र में साइन-इन करने का यूज़र इंटरफ़ेस (यूआई) उपयोगकर्ता को दिखता है. ऐसा तब होता है, जब ब्राउज़र को साइट के लिए पासकी या पासवर्ड के बारे में तुरंत पता चल जाता है. अगर ऐसा नहीं होता है, तो यह NotAllowedError के साथ प्रॉमिस को अस्वीकार कर देता है. इससे साइट को साइन-इन पेज दिखाने से बचने में मदद मिलती है. ऐसा तब होता है, जब ब्राउज़र साइन-इन करने के लिए ऐसे क्रेडेंशियल का विकल्प दे सकता है जिनके इस्तेमाल से साइन-इन होने की संभावना ज़्यादा हो. हालांकि, यह उन मामलों में साइन-इन पेज फ़्लो की अनुमति देता है जहां इस तरह के क्रेडेंशियल मौजूद नहीं हैं.

Android पर Web Serial API की सुविधा

Web Serial API, सीरियल डिवाइसों से कनेक्ट करने के लिए एक इंटरफ़ेस उपलब्ध कराता है. इन डिवाइसों को उपयोगकर्ता के सिस्टम पर मौजूद सीरियल पोर्ट से कनेक्ट किया जा सकता है. इसके अलावा, इन्हें हटाने लायक यूएसबी और ब्लूटूथ डिवाइसों से भी कनेक्ट किया जा सकता है. ये डिवाइस, सीरियल पोर्ट की तरह काम करते हैं. अब यह एपीआई Android पर काम करता है.

उपयोगकर्ता, खास तौर पर शिक्षा, हॉबी, और औद्योगिक क्षेत्रों में, अपने कंप्यूटर से ऐसे पेरिफ़ेरल डिवाइस कनेक्ट करते हैं जिन्हें कंट्रोल करने के लिए कस्टम सॉफ़्टवेयर की ज़रूरत होती है. उदाहरण के लिए, स्कूलों में कंप्यूटर प्रोग्रामिंग और इलेक्ट्रॉनिक्स सिखाने के लिए, अक्सर रोबोटिक्स का इस्तेमाल किया जाता है. इसके लिए, ऐसे सॉफ़्टवेयर की ज़रूरत होती है जो किसी रोबोट पर कोड अपलोड कर सके या उसे दूर से कंट्रोल कर सके. इंडस्ट्रियल या हॉबी सेटिंग में, मिल, लेज़र कटर या 3D प्रिंटर जैसे किसी उपकरण को कनेक्ट किए गए कंप्यूटर पर चल रहे प्रोग्राम से कंट्रोल किया जाता है. इन डिवाइसों को अक्सर सीरियल कनेक्शन के ज़रिए छोटे माइक्रो कंट्रोलर से कंट्रोल किया जाता है.

WebGPU linear_indexing सुविधा

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

SharedWorker Android पर काम करता है

SharedWorker को Android पर लंबे समय से बंद किया गया है. ऐसा इसलिए किया गया है, क्योंकि इसकी प्रोसेस के लाइफ़साइकल के बारे में अनुमान लगाना मुश्किल है. Chrome के डेवलपर का मानना है कि SharedWorker इंस्टेंस, उपयोगकर्ताओं या वेब डेवलपर को सूचना दिए बिना अचानक बंद हो सकते हैं. इसे स्वीकार नहीं किया गया.

हालांकि, GitHub पर हुई हाल ही की चर्चा से पता चलता है कि SharedWorker की प्रोसेस लाइफ़साइकल के अनुमान न लगाए जा सकने की समस्या, उतनी गंभीर नहीं है जितनी पहले मानी जाती थी. इसके आधार पर, Chrome, Android पर SharedWorker को फिर से चालू कर रहा है. साथ ही, इस व्यवहार की जांच कर रहा है, ताकि यह पक्का किया जा सके कि उपयोगकर्ताओं को भरोसेमंद और बेहतर अनुभव मिले.

शेयर किए गए वर्कर के लाइफ़टाइम को बढ़ाने की सुविधा

इस अपडेट में, SharedWorker कंस्ट्रक्टर में एक नया विकल्प, extendedLifetime: true जोड़ा गया है. इससे यह अनुरोध किया जाता है कि सभी मौजूदा क्लाइंट के अनलोड होने के बाद भी शेयर किया गया वर्कर चालू रहे. इसका मुख्य इस्तेमाल, पेजों को ऐसे एसिंक्रोनस टास्क करने की अनुमति देना है जिनके लिए पेज अनलोड होने के बाद JavaScript की ज़रूरत होती है. इसके लिए, सर्विस वर्कर पर भरोसा करने की ज़रूरत नहीं होती.

Prompt API

Prompt API की मदद से, वेब डेवलपर को ब्राउज़र में पहले से मौजूद, डिवाइस में मौजूद एआई लैंग्वेज मॉडल का ऐक्सेस मिलता है. एपीआई डिज़ाइन, क्लाउड एपीआई के साथ काम करने के लिए बेहतर कंट्रोल देता है. इससे आपको मॉडल इंटरैक्शन की मदद से, साइटों को बेहतर बनाने में मदद मिलती है. ये इंटरैक्शन, इस्तेमाल के अलग-अलग उदाहरणों के हिसाब से बनाए जाते हैं. यह टास्क पर आधारित भाषा मॉडल वाले एपीआई (उदाहरण के लिए, Summarizer API) और अलग-अलग एपीआई और फ़्रेमवर्क के साथ काम करता है. इससे डेवलपर के दिए गए एमएल मॉडल की मदद से, डिवाइस पर सामान्य तौर पर अनुमान लगाया जा सकता है. शुरुआत में, इस सुविधा के लिए टेक्स्ट, इमेज, और ऑडियो इनपुट के साथ-साथ जवाब से जुड़ी पाबंदियां भी लागू की गई हैं. इनसे यह पक्का किया जाता है कि जनरेट किया गया टेक्स्ट, पहले से तय किए गए रेगुलर एक्सप्रेशन और JSON स्कीमा फ़ॉर्मैट के मुताबिक हो.

इससे कई तरह के काम किए जा सकते हैं. उदाहरण के लिए, यह इमेज के कैप्शन जनरेट कर सकता है, विज़ुअल खोज कर सकता है, ऑडियो को टेक्स्ट में बदल सकता है, आवाज़ की घटनाओं को कैटगरी में बांट सकता है, खास निर्देशों के मुताबिक टेक्स्ट जनरेट कर सकता है, और मल्टीमॉडल सोर्स मटीरियल से जानकारी या अहम जानकारी निकाल सकता है.

यह एपीआई, Chrome एक्सटेंशन में पहले ही शिप किया जा चुका है. यह इंटेंट, वेब पर शिपिंग को ट्रैक करता है. एंटरप्राइज़ नीति, GenAILocalFoundationalModelSettings की मदद से, मॉडल डाउनलोड करने की सुविधा को बंद किया जा सकता है. इससे यह एपीआई उपलब्ध नहीं होता. एंटरप्राइज़ एडमिन, BuiltInAIAPIsEnabled की नीति को भी सेट कर सकते हैं. इससे, डिवाइस में पहले से मौजूद एआई एपीआई के इस्तेमाल को ब्लॉक किया जा सकेगा. हालांकि, डिवाइस पर मौजूद जेन एआई की अन्य सुविधाओं का इस्तेमाल किया जा सकेगा.

भाषा से जुड़ी सहायता का लॉग:

• Chrome 139 और इससे पहले के वर्शन में, सिर्फ़ अंग्रेज़ी भाषा का इस्तेमाल किया जा सकता था ('en')
• Chrome 140 में स्पैनिश और जैपनीज़ ('es' और 'ja') के लिए सहायता जोड़ी गई

सुरक्षित तरीके से पेमेंट की पुष्टि करने की सुविधाएं पाना

इस सुविधा से, Payment Request API में एक नई स्टैटिक मेथड जुड़ जाती है. इससे वेब डेवलपर, ब्राउज़र में Secure Payment Confirmation की सुविधाओं का इस्तेमाल कर पाते हैं. इससे वेब डेवलपर को यह पता चलता है कि सुरक्षित पेमेंट की पुष्टि करने के लिए कौनसी सुविधाएं उपलब्ध हैं. इसके बाद, वे यह तय कर सकते हैं कि उन्हें इन सुविधाओं के साथ Secure Payment Confirmation का इस्तेमाल करना है या नहीं.

IDNA ContextJ नियम

आईडीएनए, डोमेन नेम में ऐसे वर्णों के लिए काम करता है जो ASCII में शामिल नहीं हैं. यह http://네이버.한국/ जैसे यूआरएल को http://xn--950bt9s8xi.xn--3e0b707e/ (naver.com पर रीडायरेक्ट करने वाला यूआरएल) के तौर पर कोड में बदलता है.

यूआरएल की खास जानकारी से CheckJoiners फ़्लैग सेट होता है. इससे IDNA2008 में ContextJ नियम लागू होते हैं. इस विकल्प से, यूआरएल में ज़्यादातर जगहों पर ZWNJ (U+200C ज़ीरो विड्थ नॉन-जॉइनर) और ZWJ (U+200D ज़ीरो विड्थ जॉइनर) का इस्तेमाल नहीं किया जा सकता. इस विकल्प को लागू करने के लिए, UIDNA_CHECK_CONTEXTJ विकल्प को ICU पर भेजा जाता है.

एक ही सोर्स से फिर से असाइन करने पर, नो-स्टोर इमेज का फिर से इस्तेमाल करना

इस सुविधा की मदद से, एक ही दस्तावेज़ में मौजूद इमेज को फिर से इस्तेमाल करने पर, Cache-Control: no-store को फिर से लोड करने की ज़रूरत नहीं पड़ती. ऐसा तब होता है, जब src की वही वैल्यू किसी <img> एलिमेंट को फिर से असाइन की जाती है. इससे पहले, Blink इमेज को फिर से फ़ेच करता था. भले ही, वह पहले से ही डिकोड हो चुकी हो और दस्तावेज़ में उपलब्ध हो. यह Gecko और WebKit के मौजूदा व्यवहार के मुताबिक है.

contentType फ़ील्ड को संसाधन के समय की जानकारी में जोड़ें

यह सुविधा, contentType में PerformanceResourceTiming फ़ील्ड जोड़ती है. इससे सर्वर से फ़ेच किए गए रिसॉर्स के कॉन्टेंट टाइप से जुड़ी स्ट्रिंग को सेव किया जा सकता है.

ड्रैग शुरू होने पर पॉइंटर इवेंट को दबाएं

एचटीएमएल स्पेसिफ़िकेशन के मुताबिक, जब ड्रैग शुरू होता है, तो उपयोगकर्ता एजेंट को ड्रैग सोर्स को सही इवेंट भेजने चाहिए. इससे यह पता चलता है कि पॉइंटर इवेंट स्ट्रीम खत्म हो गई है और उसे इस पॉइंटर से कोई और इवेंट नहीं मिलेगा. इस कोड को माउस इवेंट के लिए कुछ हद तक लागू किया गया था. साथ ही, Android पर टच ड्रैग के लिए इसे पूरी तरह से लागू किया गया था. इस सुविधा की मदद से, Chrome का मकसद सभी अन्य प्लैटफ़ॉर्म पर इस स्पेसिफ़िकेशन की ज़रूरी शर्तों को पूरी तरह से पूरा करना है. इसका मतलब यह है कि ड्रैग शुरू होने के बाद, ड्रैग सोर्स को अब pointercancel, pointerout, और pointerleave इवेंट मिलेंगे. इससे पता चलेगा कि मौजूदा इवेंट स्ट्रीम खत्म हो गई है.

WebRTC Datachannel: Always negotiate data channels

इस सुविधा में WebRTC एक्सटेंशन, alwaysNegotiateDataChannels लागू किया जाता है. यह किसी ऐप्लिकेशन के लिए, डेटा चैनल बनाने से पहले एसडीपी ऑफ़र में डेटा चैनलों पर बातचीत करने का तरीका तय करता है. यह ऑडियो या वीडियो m= सेक्शन से पहले, डेटा m= सेक्शन के साथ भी बातचीत करता है. साथ ही, इसका इस्तेमाल [BUNDLE] के लिए 'ऑफ़र करने वाले व्यक्ति या कंपनी के टैग किए गए m= सेक्शन' के तौर पर करता है.m

इसका मतलब है कि अगर आपने alwaysNegotiateDataChannels: true के साथ RTCPeerConnection बनाया है और फिर createOffer() को कॉल किया है, तो यह एसडीपी में ऐप्लिकेशन एम-लाइन के साथ एक ऑफ़र बनाता है. उदाहरण के लिए:

  const pc = new RTCPeerConnection({
    alwaysNegotiateDataChannels: true});
  const offer = await pc.createOffer();

अगर आपने ऑडियो ट्रांससीवर और डेटा चैनल भी जोड़ा है, तो ऑफ़र में एसडीपी में ऐप्लिकेशन एम-लाइन के बाद ऑडियो एम-लाइन के बारे में बातचीत की जाती है:

  const pc = new RTCPeerConnection({
    alwaysNegotiateDataChannels: true});
  pc.addTransceiver('audio');
  pc.createDataChannel('somechannel');
  const offer = await pc.createOffer();

नए ऑरिजिन ट्रायल

Chrome 148 में, यहां दिए गए नए ऑरिजिन ट्रायल में ऑप्ट इन किया जा सकता है.

एजेंटिक फ़ेडरेटेड लॉगिन

FedCM एक्सटेंशन का एक सेट. इससे एजेंटिक ब्राउज़र, उपयोगकर्ताओं को उनकी वेबसाइटों में सुरक्षित तरीके से लॉग इन करने में मदद करते हैं. इसके लिए, वे उपयोगकर्ताओं के फ़ेडरेटेड खातों का इस्तेमाल करते हैं.

कनेक्शन के लिए अनुमति वाली सूचियां

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

कंटेनर का समय

कंटेनर टाइमिंग एपीआई की मदद से, यह मॉनिटर किया जा सकता है कि एनोटेट किए गए DOM के सेक्शन, स्क्रीन पर कब दिखते हैं और उनका शुरुआती पेंट कब पूरा होता है. DOM के सब-सेक्शन को containertiming एट्रिब्यूट के साथ मार्क किया जा सकता है. यह Element Timing API के elementtiming एट्रिब्यूट की तरह ही होता है. इसके बाद, जब उस सेक्शन को पहली बार पेंट किया जाता है, तब आपको परफ़ॉर्मेंस एंट्री मिलती हैं. इस एपीआई की मदद से, अपने पेजों में मौजूद अलग-अलग कॉम्पोनेंट के समय को मेज़र किया जा सकता है.

डिक्लेरेटिव सीएसएस मॉड्यूल स्क्रिप्ट

डिक्लेरेटिव सीएसएस मॉड्यूल स्क्रिप्ट, स्क्रिप्ट पर आधारित मौजूदा सीएसएस मॉड्यूल स्क्रिप्ट का एक्सटेंशन है. इनकी मदद से डेवलपर, शैडो रूट के साथ डिक्लेरेटिव स्टाइलशीट शेयर कर सकते हैं. इनमें डिक्लेरेटिव शैडो रूट भी शामिल हैं. डेवलपर, <style type="module" specifier="foo"> की मदद से इनलाइन स्टाइल मॉड्यूल तय कर सकते हैं. साथ ही, specifier या यूआरएल (जैसे, <template shadowrootmode="open" shadowrootadoptedstylesheets="foo">) को रेफ़रंस करके, डिक्लेरेटिव शैडो DOM पर डिक्लेरेटिव मॉड्यूल लागू कर सकते हैं.

कैनवस में एचटीएमएल

HTML-in-canvas एक नया एपीआई है. इसकी मदद से, रेंडर किए गए DOM एलिमेंट को सीधे तौर पर कैनवस या WebGL / WebGPU टेक्सचर में पसंद के मुताबिक बनाया जा सकता है. साथ ही, कॉन्टेंट की इंटरैक्टिविटी और ऐक्सेस करने की सुविधा को बनाए रखा जा सकता है. इसके तीन हिस्से होते हैं: कैनवस एलिमेंट में ऑप्ट-इन करने के लिए एट्रिब्यूट (layoutsubtree), चाइल्ड एलिमेंट बनाने के तरीके (2d: drawElementImage, webgl:texElementImage2D, webgpu: copyElementImageToTexture), और इंटरैक्टिविटी के लिए, स्क्रीन पर एलिमेंट के ट्रांसफ़ॉर्म को सही तरीके से अपडेट करने का तरीका.

लंबे ऐनिमेशन फ़्रेम की स्टाइल की अवधि

यह सुविधा, Long Animation Frame API में styleDuration और forcedStyleDuration की जानकारी जोड़ती है. इससे डेवलपर को स्टाइल और लेआउट के समय में अंतर करने में मदद मिलती है.

OpaqueRange

OpaqueRange, फ़ॉर्म कंट्रोल की वैल्यू में मौजूद टेक्स्ट के लाइव स्पैन को दिखाता है. जैसे, <textarea> या टेक्स्ट <input>. इसलिए, डेवलपर रेंज जैसे एपीआई का इस्तेमाल करके, वैल्यू टेक्स्ट के साथ काम कर सकते हैं.

इससे getBoundingClientRect(), getClientRects() जैसे ऑपरेशन किए जा सकते हैं. साथ ही, इसका इस्तेमाल सीएसएस हाइलाइट एपीआई के साथ किया जा सकता है. इससे यूज़र इंटरफ़ेस (यूआई) के लिए इनलाइन सुझाव, हाइलाइट, और ऐंकर किए गए पॉपओवर जैसी सुविधाएं मिलती हैं. यह सिर्फ़ वैल्यू ऑफ़सेट दिखाता है (और startContainer और endContainer के लिए शून्य दिखाता है). इसलिए, DOM एंडपॉइंट और इंटरनल स्ट्रक्चर नहीं दिखते.

एचटीएमएल में प्रोसेसिंग के निर्देशों को पार्स करना

प्रोसेसिंग के निर्देश (सिंटैक्स: <?target data>) एक मौजूदा डीओएम कंस्ट्रक्ट है, जिसे एक्सएमएल में दिखाया गया है. इस कंस्ट्रक्ट की मदद से, नोड ऑब्जेक्ट को यह जानकारी मिलती है कि दस्तावेज़ को प्रोसेस करने के लिए, एलिमेंट के अलावा अन्य ऑब्जेक्ट का क्या मतलब है. उदाहरण के लिए, इनका इस्तेमाल स्ट्रीमिंग या हाइलाइट करने के लिए रेंज बताने के लिए किया जा सकता है. इसके लिए, नए DOM एलिमेंट की ज़रूरत नहीं होती. साथ ही, सीएसएस के हिसाब से DOM स्ट्रक्चर में बदलाव करने की भी ज़रूरत नहीं होती. इनका इस्तेमाल, एचटीएमएल पार्सर के लिए निर्देशों के तौर पर भी किया जा सकता है. इससे यह तय किया जा सकता है कि बफ़र और स्ट्रीम कैसे करें.

अनुमतियों से जुड़ी नीति: focus-without-user-activation

इस नीति की मदद से, कॉन्टेंट को एम्बेड करने वाले लोगों को एम्बेड किए गए कॉन्टेंट से प्रोग्राम के हिसाब से फ़ोकस को कंट्रोल करने की सुविधा मिलती है. इसके लिए, focus-without-user-activation अनुमतियों की नीति का इस्तेमाल किया जाता है. जब किसी फ़्रेम के लिए नीति को अस्वीकार कर दिया जाता है, तब प्रोग्राम के हिसाब से फ़ोकस करने वाले कॉल (element.focus(), autofocus, window.focus(), dialog.showModal(), और पॉपओवर फ़ोकस करना) ब्लॉक कर दिए जाते हैं. हालांकि, ऐसा तब तक होता है, जब तक उपयोगकर्ता उन्हें ट्रिगर नहीं करता. उपयोगकर्ता के शुरू किए गए फ़ोकस, जैसे कि क्लिक करना या टैब करना, पर कभी कोई असर नहीं पड़ता. Permissions-Policy एचटीटीपी रिस्पॉन्स हेडर या iframe allow एट्रिब्यूट के ज़रिए, नीति सेट की जा सकती है. फ़ोकस डेलिगेशन की सुविधा उपलब्ध है. फ़ोकस वाला पैरंट फ़्रेम, प्रोग्राम के हिसाब से फ़ोकस को चाइल्ड iframe पर पास कर सकता है. भले ही, चाइल्ड iframe के लिए नीति का उल्लंघन हुआ हो. किसी फ़्रेम पर फ़ोकस होने के बाद, वह अपने सबट्री में फ़ोकस को मूव कर सकता है.

Prompt API के सैंपलिंग पैरामीटर

इस सुविधा से, Prompt API में सैंपलिंग पैरामीटर जोड़े जाते हैं. इन पैरामीटर से यह कंट्रोल किया जाता है कि मॉडल से टोकन कैसे सैंपल किए जाते हैं. इससे डेवलपर को आउटपुट की क्रिएटिविटी या रैंडमनेस को कंट्रोल करने की सुविधा मिलती है. इसके अलावा, यह सेट की गई वैल्यू को पढ़ने के लिए, LanguageModel इंस्टेंस में एट्रिब्यूट जोड़ता है. यह इन पैरामीटर की डिफ़ॉल्ट और ज़्यादा से ज़्यादा वैल्यू पाने के लिए, एक स्टैटिक LanguageModel फ़ंक्शन भी जोड़ता है. पहले तरीके में, temperature और topK पैरामीटर जोड़े जाते हैं.

वेब ऐप्लिकेशन के एचटीएमएल इंस्टॉल एलिमेंट

इस सुविधा की मदद से, कोई वेबसाइट उपयोगकर्ताओं को वेब ऐप्लिकेशन इंस्टॉल करने के लिए प्रॉम्प्ट कर सकती है. यह एलिमेंट, दो एट्रिब्यूट स्वीकार करता है. इससे आपको किसी दूसरे ऑरिजिन से कॉन्टेंट इंस्टॉल करने की सुविधा मिलती है.