Chrome 147 बीटा

Rachel Andrew

पब्लिश होने की तारीख: 11 मार्च, 2026

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

टाइमलाइन के लिए नाम वाली रेंज scroll

इस सुविधा से, ViewTimelines की नाम वाली रेंज का सेट बड़ा हो जाता है. इसमें scroll रेंज जुड़ जाती है.

स्क्रोल-ड्रिवन ऐनिमेशन एपीआई ने ViewTimelines के साथ-साथ, नाम वाली रेंज भी पेश की हैं. ये रेंज, ViewTimeline के उन हिस्सों को रेफ़र करती हैं जो किसी ऐनिमेशन की रेंज तय करते हैं.

हालांकि, दी गई सभी नाम वाली रेंज, ViewTimeline के उस हिस्से तक सीमित थीं जहां इसका विषय दिखता है. यह लेखकों के लिए, टाइमलाइन के नीचे मौजूद पूरे स्क्रोल कंटेनर को रेफ़र करने के लिए काम का है. इस सुविधा से, मौजूदा सेट (entry, exit, cover, contain) में scroll की नाम वाली रेंज जुड़ जाती है.

सीएसएस contrast-color()

इस फ़ंक्शन का इस्तेमाल करके, सुलभता के लिए कंट्रास्ट की ज़रूरी शर्तों को पूरा किया जा सकता है.

contrast-color() फ़ंक्शन का इस्तेमाल CSS में कहीं भी किया जा सकता है. इसका इस्तेमाल तब किया जाता है, जब रंग की वैल्यू की ज़रूरत होती है. यह फ़ंक्शन, रंग की वैल्यू वाला आर्ग्युमेंट लेता है. इसके बाद, यह तय करता है कि रंग के आर्ग्युमेंट के साथ सबसे ज़्यादा कंट्रास्ट कौनसी वैल्यू देती है. इसके आधार पर, यह फ़ंक्शन black या white वैल्यू दिखाता है.

सीएसएस border-shape

CSS border-shape की मदद से, आयताकार के अलावा किसी भी आकार (उदाहरण के लिए, polygon, circle, shape()) के बॉर्डर बनाए जा सकते हैं.

border-shape, clip-path की तरह ही शेप स्वीकार करता है. हालांकि, यह clip-path से बुनियादी तौर पर अलग है: border-shape, बॉर्डर के शेप को तय करता है, उसे सजाता है, और सिर्फ़ अंदर के हिस्से को क्लिप करता है.

border-shape के दो वैरिएंट होते हैं: एक वैरिएंट, किसी शेप को स्ट्रोक करता है और दूसरा वैरिएंट, दो शेप के बीच में रंग भरता है.

एलिमेंट के स्कोप किए गए व्यू ट्रांज़िशन

यह आर्बिट्रेरी एचटीएमएल एलिमेंट पर Element.startViewTransition() को दिखाता है. यह एलिमेंट, ट्रांज़िशन के लिए स्कोप तय करता है. इसका मतलब है कि ट्रांज़िशन स्यूडो-एलिमेंट पर, ऐनसेस्टर क्लिप और ट्रांसफ़ॉर्म का असर पड़ता है. साथ ही, अलग-अलग एलिमेंट पर कई ट्रांज़िशन एक साथ चल सकते हैं.

सीएसएस अपडेट: width और style प्रॉपर्टी को अलग करना

Chrome, border-width, outline-width, और column-rule-width प्रॉपर्टी के व्यवहार के लिए, अपडेट किए गए सीएसएस स्पेसिफ़िकेशन के मुताबिक काम करता है. पहले, अगर इससे जुड़ी border-style, outline-style या column-rule-style को none या hidden पर सेट किया जाता था, तो इन प्रॉपर्टी की कैलकुलेट की गई चौड़ाई को 0px पर सेट कर दिया जाता था. भले ही, बताई गई वैल्यू कुछ भी हो.

इस बदलाव के बाद, border-width, outline-width, और column-rule-width की कैलकुलेट की गई वैल्यू हमेशा लेखक की तय की गई वैल्यू को दिखाती हैं. ये *-style प्रॉपर्टी से अलग होती हैं. इसके अलावा, outline-width और column-rule-width के लिए, getComputedStyle() से मिली वैल्यू भी तय की गई वैल्यू को दिखाती हैं.

इस बदलाव के बाद, Chrome, Firefox और WebKit के साथ काम करेगा. इन ब्राउज़र में यह सुविधा पहले से मौजूद है.

CSSPseudoElement इंटरफ़ेस

CSSPseudoElement इंटरफ़ेस, JavaScript में एक स्यूडो-एलिमेंट को दिखाता है.

CSSPseudoElement को Element.pseudo(type) से वापस लाया जाता है. यहां type यह है: ::after, ::before, ::marker. CSSPseudoElement एक प्रॉक्सी ऑब्जेक्ट है, जो स्यूडो-एलिमेंट को दिखाता है. इसलिए, स्यूडो-एलिमेंट के उलट, CSSPseudoElement हमेशा मौजूद रहता है.

CSSPseudoElement में ये एट्रिब्यूट/तरीके शामिल हैं:

• type एट्रिब्यूट एक स्ट्रिंग है. यह स्यूडो-एलिमेंट के टाइप को दिखाता है.
• element एट्रिब्यूट, स्यूडो-एलिमेंट का मूल एलिमेंट होता है.
• parent एट्रिब्यूट, स्यूडो-एलिमेंट का ओरिजनल एलिमेंट होता है. यह एलिमेंट या नेस्ट किए गए स्यूडो-एलिमेंट के लिए CSSPseudoElement होता है.
• नेस्ट किए गए छद्म-तत्वों को वापस पाने के लिए, pseudo(type) तरीका.

इवेंट पर छद्म टारगेट

कुछ इवेंट को इस तरह से बढ़ाया जाता है कि उनमें .pseudoTarget होता है. यह CSSPseudoElement (अगर इंटरैक्शन स्यूडो-एलिमेंट के साथ हुआ है) या null होता है.

इससे इवेंट के सोर्स के बारे में ज़्यादा जानकारी मिलती है. उदाहरण के लिए, सिर्फ़ ओरिजनल एलिमेंट (Event.target) पर क्लिक नहीं किया गया है, बल्कि खास तौर पर ::after पर क्लिक किया गया है. ध्यान दें कि Event.target में कोई बदलाव नहीं किया गया है. इसलिए, इवेंट में सिर्फ़ स्यूडो-एलिमेंट इंटरैक्शन के बारे में अतिरिक्त जानकारी है.

इवेंट UIEvent, AnimationEvent, TransitionEvent हैं.

mouseover, mouseout, mouseenter, mouseleave और इनके pointer* वर्शन काम नहीं करते.

WebXR में प्लेन का पता लगाने की सुविधा

WebXR Plane Detection API की मदद से साइटें, उपयोगकर्ता के एनवायरमेंट में पता लगाए गए प्लैन का सेट वापस पा सकती हैं. इससे डेवलपर को कम काम करना पड़ता है. साथ ही, यह डेप्थ-सेंसिंग WebXR सुविधा के मुकाबले ज़्यादा बेहतर है. ऐसा इसलिए, क्योंकि अगर सिस्टम को दीवार की सीमाओं के बारे में पता है, तो ऑब्जेक्ट को छिपाने वाली दीवारों जैसे प्लेन को अब भी पूरी तरह से दिखाया जा सकता है. डेप्थ मैप में दीवार दिखेगी. हालांकि, दीवार के सामने मौजूद ऑब्जेक्ट की वजह से, दीवार का पूरा हिस्सा नहीं दिखेगा. इसके अलावा, सिमैंटिक लेबलिंग की जानकारी तब उपलब्ध होती है, जब डिवाइस को ऐसे लेबल के बारे में पता हो और वे पहले से तय की गई कैटगरी में फ़िट होते हों. इससे दुनिया के बारे में बेहतर जानकारी मिलती है.

WebXR लेयर

WebXR लेयर की मदद से, इमर्सिव कॉन्टेंट को ज़्यादा असरदार तरीके से बनाया जा सकता है.

इसमें नेटिव कलर, डेप्थ टेक्सचर, और टेक्सचर ऐरे के साथ-साथ अलग-अलग लेयर टाइप के लिए भी सहायता मिलती है. इन लेयर टाइप को JavaScript के बजाय सिस्टम कंपोज़िटर मैनेज करता है.

XSLT के अलावा अन्य स्थितियों के लिए, Rust में एक्सएमएल पार्स करना

हम उन मामलों के लिए Rust XML पार्सर को शिप कर रहे हैं जिनमें हमें यकीन है कि XSLT प्रोसेसिंग की ज़रूरत नहीं है.

Rust XML पार्सर, XML पार्सिंग में मेमोरी करप्शन से जुड़े बग को ठीक करके सुरक्षा को बेहतर बनाता है. इसका मकसद, libxml2 (C में लिखा गया) के इस्तेमाल को सुरक्षित विकल्प से बदलना है.

Chrome, XSLT का इस्तेमाल बंद कर रहा है. इस प्रोसेस के जारी रहने के दौरान, उन स्थितियों में सुरक्षित Rust XML पार्सिंग का इस्तेमाल किया जा सकता है जहां XSLT की ज़रूरत नहीं होती:

link rel=modulepreload के लिए JSON और स्टाइल का इस्तेमाल किया जा सकता है

JSON और स्टाइल मॉड्यूल टाइप को <link rel="modulepreload">डेस्टिनेशन के तौर पर इस्तेमाल करने की सुविधा जोड़ी गई है. <link rel="modulepreload"> की सुविधा, Chromium में पहले से उपलब्ध है. इसके बारे में जानने के लिए, https://chromestatus.com/feature/5762805915451392 पर जाएं. हालांकि, यह सुविधा सिर्फ़ स्क्रिप्ट जैसे मॉड्यूल स्क्रिप्ट को प्रीलोड करने के लिए काम करती है. इस सुविधा से, फ़ंक्शनैलिटी में मौजूद एक कमी को दूर किया गया है. ऐसा इसलिए, क्योंकि JSON और CSS मॉड्यूल स्क्रिप्ट, Chromium में अन्य जगहों पर काम करती हैं. हालांकि, ये <link rel="modulepreload"> डेस्टिनेशन के तौर पर काम नहीं करती हैं. Style मॉड्यूल को <link rel="modulepreload" as="style" href="..."> की मदद से प्रीलोड किया जा सकता है. साथ ही, JSON मॉड्यूल को <link rel="modulepreload" as="json" href="..."> की मदद से प्रीलोड किया जा सकता है.

Math.sumPrecise

JavaScript में कई वैल्यू जोड़ने के लिए, TC39 का सुझाव.

एक ऐसा Math.sumPrecise तरीका जोड़ें जो इटरेट किए जा सकने वाले ऑब्जेक्ट को लेता है और नैव समेशन के मुकाबले ज़्यादा सटीक एल्गोरिदम का इस्तेमाल करके, इटरेट किए जा सकने वाले ऑब्जेक्ट में मौजूद वैल्यू का योग दिखाता है.

SVG <textpath> एलिमेंट पर path एट्रिब्यूट के लिए सहायता

इस बदलाव से, SVG <textPath> एलिमेंट पर path एट्रिब्यूट का इस्तेमाल किया जा सकेगा. इससे लेखक, SVG पाथ डेटा का इस्तेमाल करके, टेक्स्ट पाथ की ज्यामिति को इनलाइन तरीके से तय कर सकेंगे. साथ ही, अलग से तय किए गए <path> एलिमेंट की ज़रूरत कम हो जाएगी.

<textPath> इन नियमों का इस्तेमाल करके, टेक्स्ट पाथ की ज्यामिति तय करता है:

1. अगर path और href, दोनों मौजूद हैं, तो ज्यामिति को path एट्रिब्यूट से हल किया जाता है.
2. अगर सिर्फ़ path एट्रिब्यूट मौजूद है और उसे पार्स किया जा सकता है, तो इनलाइन पाथ की परिभाषा का इस्तेमाल किया जाता है.
3. अगर path एट्रिब्यूट मौजूद नहीं है या पार्स नहीं हो पाता है और href एट्रिब्यूट दिया गया है, तो रेफ़र किए गए <path> एलिमेंट का इस्तेमाल फ़ॉलबैक के तौर पर किया जाता है.
4. href फ़ंक्शन के मौजूदा तरीके में कोई बदलाव नहीं किया गया है.

यह सुविधा, SVG 2 स्पेसिफ़िकेशन के तहत path एलिमेंट पर <textPath> एट्रिब्यूट की परिभाषा के मुताबिक काम करती है. साथ ही, रिज़ॉल्यूशन का तरीका अन्य ब्राउज़र इंजन के जैसा ही है. इससे इंटरऑपरेबिलिटी और स्टैंडर्ड के मुताबिक काम करने की क्षमता बेहतर होती है.

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

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

इससे वेब डेवलपर को यह पता चलता है कि सुरक्षित तरीके से पेमेंट की पुष्टि करने की सुविधा के लिए, कौनसी सुविधाएं उपलब्ध हैं. इससे वे यह तय कर पाते हैं कि उन्हें इन सुविधाओं के साथ सुरक्षित तरीके से पेमेंट की पुष्टि करने की सुविधा का इस्तेमाल करना है या नहीं.

Device Memory API की सीमाएं अपडेट करना

Device Memory API के लिए, संभावित वैल्यू के नए सेट का अपडेट:

• Android: 1, 2, 4, 8
• अन्य: 2, 4, 8, 16, 32.

पुरानी वैल्यू 0.25, 0.5, 1, 2, 4, 8 को नई वैल्यू से बदल दिया गया है.

इससे फ़िंगरप्रिंटिंग के जोखिम कम हो जाते हैं, क्योंकि डिवाइस की क्षमताओं में सुधार हुआ है.

सर्विस वर्कर पर लोकल नेटवर्क ऐक्सेस से जुड़ी पाबंदियां WindowClient.navigate()

हाल ही में, लोकल नेटवर्क ऐक्सेस (एलएनए) से जुड़ी पाबंदियां जोड़ी गई हैं. इनका मकसद, वेबसाइटों को लोकल नेटवर्क और लोकल डिवाइसों के लिए एकतरफ़ा अनुरोध करने से रोकना है. इसे सर्विस वर्कर से शुरू किए गए फ़ेच अनुरोधों के लिए जोड़ा गया था. हालांकि, इसे WindowClient.navigate के ज़रिए सर्विस वर्कर की ओर से किए गए नेविगेशन पर लागू नहीं किया गया था

इस लॉन्च में, इस समस्या को हल किया गया है. इसके लिए, WindowClient.navigate() कॉल में एलएनए से जुड़ी पाबंदियां जोड़ी गई हैं. साथ ही, नेविगेशन शुरू करने वाले के तौर पर WindowClient का इस्तेमाल किया गया है, ताकि यह पता लगाया जा सके कि नेविगेशन, एलएनए का अनुरोध है या नहीं.

यह सिर्फ़ तब लागू होता है, जब नेविगेट किया जा रहा WindowClient कोई सबफ़्रेम हो. Chrome, मुख्य फ़्रेम नेविगेशन पर एलएनए से जुड़ी कोई भी पाबंदी लागू नहीं करता.

WebSockets के लिए, लोकल नेटवर्क के ऐक्सेस से जुड़ी पाबंदियां

लोकल नेटवर्क ऐक्सेस (एलएनए) से जुड़ी पाबंदियां, WebSockets पर भी लागू होंगी. लोकल पते से WebSockets कनेक्शन बनाने पर, अब अनुमति के लिए प्रॉम्प्ट दिखेंगे.

एलएनए की सभी एंटरप्राइज़ नीतियां, एलएनए वेबसॉकेट की पाबंदियों पर अब भी लागू होती हैं. इनमें LocalNetworkAccessAllowedForUrls, LocalNetworkAccessBlockedForUrls, और LocalNetworkAccessRestrictionsTemporaryOptOut शामिल हैं.

LNA के बारे में ज़्यादा जानकारी, लोकल नेटवर्क का ऐक्सेस लेख में देखी जा सकती है.

WebTransport के लिए, लोकल नेटवर्क के ऐक्सेस से जुड़ी पाबंदियां

यह कुकी, उपयोगकर्ता के लोकल नेटवर्क से अनुरोध करने की सुविधा को सीमित करती है. इसके लिए, WebTransport का इस्तेमाल किया जाता है. यह सुविधा, अनुमति के लिए प्रॉम्प्ट के पीछे छिपी होती है.

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

यह अनुमति सिर्फ़ सुरक्षित कॉन्टेक्स्ट के लिए है.

सिर्फ़ आईडब्ल्यूए के लिए: Web Printing API

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

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

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

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

कंटेनर का समय

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

ऑटोमैटिक भरने की सुविधा वाला इवेंट

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

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

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

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

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

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

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

बंद की गई और हटाई गई सुविधाएं

Chrome के इस वर्शन में, इन सुविधाओं को बंद कर दिया गया है और इन्हें हटा दिया गया है. ChromeStatus.com पर जाकर, बंद की जाने वाली सुविधाओं, फ़िलहाल बंद की गई सुविधाओं, और पहले हटाई गई सुविधाओं की सूचियां देखें.

Chrome के इस वर्शन में, X सुविधा(ओं) को बंद कर दिया गया है.

एसवीजी बनाने के लिए, इनलाइन XSLT हटाएं

हम SVG बनाने के लिए, इनलाइन XSLT को धीरे-धीरे बंद कर रहे हैं. इसे Rust पर आधारित XML पार्सर की एक्सपेरिमेंटल टेस्टिंग के साथ सिंक करके डिप्लॉय किया जाता है. साथ ही, इसे शिपिंग के लिए रिलीज़ किए गए वर्शन में तुरंत 100% डिप्लॉय नहीं किया जाता.

खास तौर पर बनाई गई एक्सएमएल फ़ाइल में, XSL स्टाइलशीट शामिल हो सकती है. यह स्टाइलशीट, सामान्य एक्सएमएल डेटा को एसवीजी फ़ाइल में बदलती है.

उदाहरण: https://gist.github.com/drott/1fc70b3c7f0ac314d1fe2e5beecc5490?short_path=1c60adf

यह XSLT प्रोसेसिंग का एक खास मामला है. Chrome के इस्तेमाल से जुड़ी मेज़रमेंट के मुताबिक, Chrome इसे वेब पर मौजूद नहीं मानता. Chrome, XSLT को पूरी तरह से बंद करने से पहले, XSLT के इस इस्तेमाल को बंद कर देगा और हटा देगा.