सीएसएस के नए तरह के रंग और कलर स्पेस, सीएसएस ट्रिगनोमेट्रिक फ़ंक्शन, और View ट्रांज़िशन एपीआई.
जब तक अलग से न बताया जाए, तब तक Android, ChromeOS, Linux, macOS, और Windows के लिए, Chrome के बीटा चैनल के सबसे नए वर्शन पर ये बदलाव लागू होते हैं. दिए गए लिंक की मदद से या ChromeStatus.com पर दी गई सूची से, यहां दी गई सुविधाओं के बारे में ज़्यादा जानें. Chrome 111 का बीटा वर्शन 9 फ़रवरी, 2023 तक का है. आप डेस्कटॉप के लिए Google.com पर या Android पर Google Play Store से नया वर्शन डाउनलोड कर सकते हैं.
सीएसएस
सीएसएस के रंग के नए टाइप और स्पेस
सीएसएस कलर लेवल 4 में बताई गई सभी सुविधाएं अब चालू कर दी गई हैं. इसमें अलग-अलग डिवाइसों पर अलग-अलग तरह के कलर (लैब, Oklab, lch, और Oklch), color() फ़ंक्शन, और ग्रेडिएंट और ऐनिमेशन के लिए उपयोगकर्ता की ओर से तय किए गए कलर स्पेस शामिल हैं.
रंग के इन नए टाइप और स्पेस के बारे में जानने के लिए, हाई डेफ़िनिशन सीएसएस कलर गाइड पढ़ें.
color-mix() फ़ंक्शन
सीएसएस कलर 5 का, color-mix() फ़ंक्शन बेहद काम का है और इसकी शिपिंग भी की जा रही है. यह फ़ंक्शन किसी भी काम करने वाले कलरस्पेस में, एक रंग के प्रतिशत को दूसरे में मिलाना चालू करता है. यह उदाहरण एसआरजीबी में, blue के 10% हिस्से को white में मिला देता है.
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
सीएसएस सिलेक्टर 4 स्यूडो-क्लास :nth-child(S का एक + b)
सिलेक्टर लेने के लिए, :nth-child(an + b) और :nth-last-child() को बढ़ाता है. उदाहरण के लिए, :nth-child(3 of .c), दिए गए पैरंट के तहत तीसरा .c है. ज़्यादा जानने के लिए, of S सिंटैक्स की मदद से :nth-child() के चुने गए विकल्पों पर ज़्यादा कंट्रोल वाली पोस्ट पढ़ें.
सीएसएस रूट फ़ॉन्ट यूनिट
रूट फ़ॉन्ट यूनिट: rex, rch, ric, और rlh को rem की मौजूदा रूट फ़ॉन्ट यूनिट में जोड़ता है.
CSS त्रिकोणमितीय फ़ंक्शन
त्रिकोणमितीय फ़ंक्शन sin(), cos(), tan(), asin(), acos(), atan(), atan2() को सीएसएस के मैथ एक्सप्रेशन में जोड़ दिया गया है.
सीएसएस कस्टम प्रॉपर्टी के लिए स्टाइल कंटेनर क्वेरी
@container नियमों में style() फ़ंक्शन जोड़ता है, ताकि पहले के एलिमेंट की कस्टम प्रॉपर्टी की कंप्यूट की गई वैल्यू के आधार पर स्टाइल को लागू किया जा सके.
baseline-source प्रॉपर्टी
baseline-source प्रॉपर्टी की मदद से वेब डेवलपर यह तय कर सकते हैं कि इनलाइन-लेवल वाले बॉक्स को, लाइनबॉक्स में अलाइन करने के लिए first या last बेसलाइन का इस्तेमाल करना चाहिए या नहीं.
वेब एपीआई
window-management की अनुमति और अनुमति की नीति की स्ट्रिंग
Chrome 111, window-placement की अनुमति और अनुमति से जुड़ी नीति वाली स्ट्रिंग के लिए, window-management को उपनाम के तौर पर जोड़ता है. यह स्ट्रिंग का नाम बदलने की एक बड़ी कोशिश का हिस्सा है. इसके लिए, window-placement को बंद करके और हटा दिया जाता है. समय के साथ Window Management API में बदलाव होने के साथ-साथ, शब्दावली में होने वाले बदलाव की वजह से डिस्क्रिप्टर भी लंबे समय तक काम करता है.
मीडिया सेशन एपीआई: स्लाइड की कार्रवाइयां दिखाना
मौजूदा मीडिया सेशन एपीआई में previousslide और nextslide कार्रवाइयां जोड़ता है.
ArrayBuffer का साइज़ बदला जा सकता है और इसे बढ़ाया जा सकता है SharedArrayBuffer
ज़्यादा से ज़्यादा लंबाई लेने के लिए, ArrayBuffer कंस्ट्रक्टर को बढ़ाएं. इससे, बफ़र की संख्या अपनी जगह पर ही बढ़ेगी और उसे छोटा किया जा सकेगा. इसी तरह, SharedArrayBuffer को ज़्यादा से ज़्यादा समय लेने के लिए बढ़ाया गया है, जिससे जो जगह तय होती है उसमें बढ़ोतरी होती है.
अनुमान लगाने के नियम: रेफ़रर नीति की कुंजी
इससे अनुमान लगाने के नियमों का सिंटैक्स बढ़ जाता है, ताकि डेवलपर अनुमान लगाने वाले नियमों की वजह से ट्रिगर किए गए अनुमान पर आधारित अनुरोधों के साथ, रेफ़रर नीति तय कर सकें. यह "रेफ़रर से जुड़ी ज़रूरी नीति" को फिर से लागू करता है.
स्ट्रीम किया जा रहा डिक्लेरेटिव शैडो DOM
इससे टेंप्लेट टैग को बंद करने के बजाय, शुरुआत में शैडो रूट लगाकर स्ट्रीमिंग का इस्तेमाल किया जा सकता है.
ट्रांज़िशन एपीआई देखें
व्यू का स्नैपशॉट लेकर और अलग-अलग स्थितियों के बीच ओवरलैप के बिना DOM को बदलने की अनुमति देकर, एक पेज के ऐप्लिकेशन (एसपीए) में बेहतर ट्रांज़िशन बनाने की सुविधा चालू करता है. अपनी पसंद के मुताबिक ट्रांज़िशन बनाने के लिए, व्यू ट्रांज़िशन का इस्तेमाल करें या उपयोगकर्ता अनुभव को बेहतर बनाने के लिए डिफ़ॉल्ट क्रॉसफ़ेड डिफ़ॉल्ट सुविधा का इस्तेमाल करें.
ज़्यादा जानकारी और शुरुआत करने में आपकी मदद के लिए ट्रांज़िशन के उदाहरणों के लिए, Chrome डेवलपर लेख देखें.
WebRTC स्केलेबल वीडियो कोडिंग एक्सटेंशन
यह एक्सटेंशन किसी आउटगोइंग WebRTC वीडियो ट्रैक पर संभावित स्केलेबल वीडियो कोडिंग (SVC) कॉन्फ़िगरेशन के बीच चुनने के लिए एक मानक तरीका बताता है.
WebXR enabledFeatures एट्रिब्यूट
दी गई मोड और सुविधाओं के लिए XRSessionInit में तय की गई सुविधाओं के सेट को, XRSession के लिए चालू की गई सुविधाओं का सेट और दिए गए मोड और सुविधाओं के लिए तय की गई सुविधाओं के सेट की जानकारी देता है. किसी दिए गए सेशन के लिए, इसमें सभी requiredFeatures शामिल होंगे, लेकिन यह optionalFeatures का एक सबसेट भी हो सकता है. ज़्यादातर सुविधाओं में उनके इस्तेमाल की अनुमति दी गई होती है या नहीं, यह पता लगाने के दूसरे तरीके होते हैं. हालांकि, कुछ सुविधाओं के लिए, किसी सुविधा के चालू होने या नहीं होने का सिग्नल, उस सुविधा के अभी उपलब्ध न होने के बजाय, उस सुविधा के डेटा से जुड़ सकता है जो अभी उपलब्ध नहीं है. enabledFeatures की क्वेरी करके, यह तय किया जा सकता है कि कोई मददगार संकेत (उदाहरण के लिए, बेहतर बनाने या ट्रैकिंग शुरू करने के लिए) दिखाया जाना चाहिए या नहीं. इसके अलावा, यह भी तय किया जा सकता है कि मौजूदा सेशन में कोई सुविधा कभी काम नहीं करेगी.
ऑरिजिन ट्रायल जारी हैं
Chrome 111 में, इन नए ऑरिजिन ट्रायल के लिए ऑप्ट इन किया जा सकता है.
Web Payment API में connect-src सीएसपी बायपास को हटाने के लिए, रोक लगाने का ट्रायल
मेनिफ़ेस्ट को फ़ेच करते समय, Connect-src सीएसपी नीति को बायपास करने के लिए, Web Payment API की सुविधा बंद करें. इस सुविधा के बंद होने के बाद, साइट की Connect-src सीएसपी नीति को PaymentRequest कॉल में बताए गए, पैसे चुकाने के तरीके के यूआरएल के साथ-साथ, मेनिफ़ेस्ट को फ़ेच करने के लिए, उस तरीके की चेन के अन्य यूआरएल को अनुमति देनी होगी.
यह बायपास की क्षमता Chrome 111 में उन डेवलपर के लिए हटा दी गई है जिन्हें बायपास को कुछ समय के लिए फिर से चालू करना है. यह 111 से 113 के रिवर्स ऑरिजिन ट्रायल के साथ हटा दिया गया है. अगर आपको इसमें ऑप्ट इन करना है, तो connect-src सीएसपी बायपास को इस्तेमाल करने के रिवर्स सपोर्ट वाले ट्रायल के लिए रजिस्टर करें.
दस्तावेज़ की पिक्चर में पिक्चर
दस्तावेज़ पिक्चर में पिक्चर एपीआई एक नया एपीआई है. यह हमेशा सबसे ऊपर वाली विंडो खोलता है. इस विंडो को मनचाहे तरीके से एचटीएमएल कॉन्टेंट से भरा जा सकता है. यह मौजूदा पिक्चर में पिक्चर एपीआई का एक एक्सपैंशन है. यह सिर्फ़ HTMLVideoElement को ही पीआईपी विंडो में डालने की अनुमति देता है. इससे वेब डेवलपर, लोगों को पीआईपी की सुविधा का बेहतर अनुभव दे पाते हैं.
दस्तावेज़ में पिक्चर से जुड़ा दस्तावेज़ पढ़ें.
Document पिक्चर में पिक्चर के ऑरिजिन ट्रायल के लिए रजिस्टर करें.
सेवा बंद करना और हटाना
Chrome के इस वर्शन में, हटाए जाने वाले और हटाए जाने वाले पेजों की जानकारी दी जाएगी. इनके बारे में नीचे बताया गया है. पहले से हटाए गए, हटाए गए पेजों, और मौजूदा बंदियों की सूची के लिए, ChromeStatus.com पर जाएं.
Chrome के इस वर्शन में तीन सुविधाएं हटा दी गई हैं.
पैसे चुकाने के तरीके हटाएं
Paymentइंस्ट्रुमेंट एक ऐसा वेब एपीआई है जो पेमेंट ऐप्लिकेशन के नॉन-जेआईटी इंस्टॉल का बैक अप लेता है (https://w3c.github.io/payment- डॉक्टर/ देखें). इसे यह मानकर बनाया गया था कि ब्राउज़र, पेमेंट के असली तरीके की जानकारी को सेव करेगा, जो कि सही नहीं है. साथ ही, इसमें निजता से जुड़ी कुछ लीक है. यह किसी अन्य ब्राउज़र पर भी शिप नहीं किया गया है और न ही हमने अन्य ब्राउज़र वेंडर की ओर से कोई दिलचस्पी देखी है. इसलिए, इस एपीआई को हटा दिया गया है और इसे हटा दिया गया है.
Web Payment API में connect-src सीएसपी बायपास को हटाएं
मेनिफ़ेस्ट को फ़ेच करते समय, connect-src सीएसपी नीति को बायपास करने के लिए, Web Payment API की सुविधा बंद करें. इसे हटाने के बाद, किसी साइट की connect-src सीएसपी नीति को PaymentRequest कॉल में बताए गए पेमेंट के तरीके के यूआरएल के साथ-साथ, मेनिफ़ेस्ट को फ़ेच करने के लिए, उस तरीके से जुड़े अन्य यूआरएल को अनुमति देनी होगी.
इस पेज को हटाए जाने की वजह से, ज़रूरी बदलाव करने के लिए ज़्यादा समय दिया जा रहा है. इसके लिए, ऑरिजिन ट्रायल के तहत जानकारी देखें.
canmakepayment इवेंट में व्यापारी/कंपनी की पहचान से जुड़ी जानकारी
canmakepayment सर्विस वर्कर इवेंट की मदद से, व्यापारी/कंपनी को यह पता चलता है कि इंस्टॉल किए गए पेमेंट ऐप्लिकेशन में, उपयोगकर्ता का कोई कार्ड सेव है या नहीं. इसका इस्तेमाल, पेमेंट ऐप्लिकेशन के ऑरिजिन से, कंपनी के ऑरिजिन और आर्बिट्रेरी डेटा को चुपचाप किसी सर्विस वर्कर को भेजने के लिए किया जाता है. यह क्रॉस-ऑरिजिन कम्यूनिकेशन, JavaScript में PaymentRequest कंस्ट्रक्शन के दौरान हुआ. इसके लिए, यूज़र जेस्चर की ज़रूरत नहीं थी और कोई यूज़र इंटरफ़ेस नहीं दिखाया गया था. इस साइलेंट डेटा पैसेज को canmakepayment इवेंट और Android IS_READY_TO_PAY इंटेंट से हटा दिया गया है).