Chrome 131

रिलीज़ किया गया जांचा और परखा हुआ वर्शन उपलब्ध होने की तारीख: 12 नवंबर, 2024

अगर कुछ और नहीं बताया गया है, तो ये बदलाव Android, ChromeOS, Linux, macOS, और Windows के लिए, Chrome 131 के स्टेबल चैनल की रिलीज़ पर लागू होते हैं.

सीएसएस

सीएसएस ऐंकर पोज़िशनिंग: anchor-scope

anchor-scope प्रॉपर्टी की मदद से, किसी सबट्री में ही ऐंकर के नाम दिखाए जा सकते हैं.

बग को ट्रैक करने के लिए #40281992 | ChromeStatus.com पर मौजूद एंट्री | स्पेसिफ़िकेशन

सीएसएस font-variant-emoji

font-variant-emoji सीएसएस प्रॉपर्टी से, रंगीन (इमोजी स्टाइल) और एक रंग वाले (टेक्स्ट स्टाइल) इमोजी ग्लिफ़ के बीच स्विच करने का विकल्प मिलता है. ऐसा करने के लिए, हर इमोजी कोडपॉइंट के बाद इमोजी वैरिएशन सिलेक्टर जोड़ें. जैसे, टेक्स्ट के लिए U+FE0E और इमोजी के लिए U+FE0F.

MDN font-variant-emoji | ChromeStatus.com पर मौजूद एंट्री

सीएसएस हाइलाइट इनहेरिटेंस

सीएसएस हाइलाइट इनहेरिटेंस में किए गए बदलावों को Chrome 131 में लॉन्च किया जाना था. हालांकि, काम करने से जुड़ी समस्याओं की वजह से उन्हें हटा दिया गया.

सीएसएस सिलेक्शन स्टाइल के लिए इनहेरिटेंस में बदलाव | ChromeStatus.com पर मौजूद एंट्री | स्पेसिफ़िकेशन

<details> और <summary> एलिमेंट के स्टाइल स्ट्रक्चर में सुधार

<details> और <summary> एलिमेंट के स्ट्रक्चर के लिए, ज़्यादा सीएसएस स्टाइल का इस्तेमाल किया जा सकता है. इससे, इन एलिमेंट का इस्तेमाल उन ज़्यादा मामलों में किया जा सकता है जहां वेब पर जानकारी ज़ाहिर करने वाले विजेट या ऐकॉर्डियन विजेट बनाए जाते हैं. खास तौर पर, इस बदलाव से उन पाबंदियों को हटा दिया गया है जिनकी वजह से इन एलिमेंट पर डिसप्ले प्रॉपर्टी सेट नहीं की जा सकती थी. साथ ही, ::details-content स्यूडो-एलिमेंट जोड़ा गया है, ताकि उस हिस्से के लिए कंटेनर को स्टाइल किया जा सके जो बड़ा और छोटा हो सकता है.

बग को ट्रैक करने के लिए #1469418 | ChromeStatus.com पर मौजूद एंट्री | स्पेसिफ़िकेशन

@page मार्जिन बॉक्स

वेब दस्तावेज़ को प्रिंट करते समय या PDF के तौर पर एक्सपोर्ट करते समय, पेज मार्जिन बॉक्स के लिए सहायता जोड़ें.

@page मार्जिन बॉक्स की मदद से, पेज के मार्जिन एरिया में कॉन्टेंट तय किया जा सकता है. उदाहरण के लिए, ब्राउज़र से जनरेट किए गए हेडर और फ़ुटर का इस्तेमाल करने के बजाय, पसंद के मुताबिक हेडर और फ़ुटर जोड़े जा सकते हैं.

मार्जिन बॉक्स को सीएसएस @page नियम के अंदर at-rule का इस्तेमाल करके तय किया जाता है. मार्जिन बॉक्स के दिखने के तरीके और कॉन्टेंट को, at-rule में मौजूद सीएसएस प्रॉपर्टी से तय किया जाता है. इनमें कॉन्टेंट प्रॉपर्टी भी शामिल है. पेज नंबरिंग के लिए, काउंटर भी काम करते हैं. स्पेसिफ़िकेशन में दो खास काउंटर के नाम बताए गए हैं: मौजूदा पेज नंबर के लिए page और पेजों की कुल संख्या के लिए pages.

CSS का इस्तेमाल करके प्रिंट करते समय, वेब पेजों के मार्जिन में कॉन्टेंट जोड़ना | बग को ट्रैक करना #320370 | ChromeStatus.com पर मौजूद एंट्री | स्पेसिफ़िकेशन

@property support <string> सिंटैक्स

रजिस्टर की गई कस्टम प्रॉपर्टी के लिए, <string> सिंटैक्स कॉम्पोनेंट के नाम के साथ काम करता है.

बग को ट्रैक करने के लिए #357751736 | ChromeStatus.com पर मौजूद एंट्री | स्पेसिफ़िकेशन

पार्सर रिलैक्सेशन चुनना

इससे एचटीएमएल पार्सर, <option>, <optgroup>, और <hr> के साथ-साथ <select> में भी टैग की अनुमति देता है.

यह बदलाव, पसंद के मुताबिक बनाई जा सकने वाली <select> सुविधा के लिए किया गया है.

बग को ट्रैक करने के लिए #335456114 | ChromeStatus.com पर मौजूद एंट्री

रिलेटिव कलर सिंटैक्स में currentcolor का इस्तेमाल करना

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

इस सुविधा में ऐसे इस्तेमाल के उदाहरण भी शामिल हैं जहां कलर फ़ंक्शन, currentcolor पर निर्भर होने के साथ नेस्ट किए गए हैं. उदाहरण के लिए, color-mix(in srgb, rgb(from currentcolor r g b), white)) या rgb(from rgb(from currentcolor 1 g b) b g r).

बग को ट्रैक करने के लिए #325309578 | ChromeStatus.com पर मौजूद एंट्री | स्पेसिफ़िकेशन

clip-path, fill, stroke, और marker-* प्रॉपर्टी के लिए, बाहरी SVG संसाधनों का इस्तेमाल किया जा सकता है

इस सुविधा की मदद से, क्लिप पाथ, मार्कर, और fill और stroke प्रॉपर्टी के लिए, बाहरी रेफ़रंस जोड़े जा सकते हैं. उदाहरण के लिए, clip-path: url("resources.svg#myPath").

बग को ट्रैक करने के लिए #40134477 ट्रैकर का इस्तेमाल करें | ChromeStatus.com पर मौजूद जानकारी | स्पेसिफ़िकेशन

वेब एपीआई

Direct Sockets API

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

बग को ट्रैक करने के लिए #40604287 | ChromeStatus.com पर मौजूद एंट्री | स्पेसिफ़िकेशन

अनुमान-नियम हेडर को सीएसपी की पाबंदियों से छूट देना

अनुमान लगाने से जुड़े नियमों और सीएसपी के बीच इंटिग्रेशन को अपडेट करता है, ताकि सीएसपी सिर्फ़ <script type=speculationrules> पर लागू हो, न कि Speculation-Rules हेडर पर.

ChromeStatus.com पर मौजूद जानकारी | स्पेसिफ़िकेशन

Storage Access API के लिए, भरोसे के सिग्नल के तौर पर FedCM

यह FedCM और Storage Access API को मिलान करता है. इसके लिए, यह पहले से मौजूद FedCM को स्टोरेज ऐक्सेस के अनुरोध को अपने-आप मंज़ूरी देने के लिए, मान्य वजह बताता है.

बग को ट्रैक करने के लिए #330574529 | ChromeStatus.com पर मौजूद एंट्री

noopener-allow-popups COOP वैल्यू

कुछ ऑरिजिन में, सुरक्षा की अलग-अलग ज़रूरी शर्तों वाले अलग-अलग ऐप्लिकेशन हो सकते हैं. ऐसे मामलों में, एक ही ऑरिजिन वाले किसी दूसरे ऐप्लिकेशन के स्क्रिप्ट पेजों को खोलने और स्क्रिप्ट को चलाने से, एक ऐप्लिकेशन में चल रही स्क्रिप्ट को रोका जा सकता है.

ऐसे मामलों में, किसी दस्तावेज़ के लिए यह पक्का करना फ़ायदेमंद हो सकता है कि उसे खोलने वाला व्यक्ति, उसमें स्क्रिप्ट न डाल सके. भले ही, खोलने वाला दस्तावेज़, उसी ऑरिजिन का हो.

noopener-allow-popups Cross-Origin-Opener-Policy वैल्यू के दस्तावेज़ों से यह पता चलता है.

बग को ट्रैक करने के लिए #344963946 | ChromeStatus.com पर मौजूद एंट्री

खास तौर पर काम करने वाले वर्कर के लिए WebHID

यह खास वर्कर्स कॉन्टेक्स्ट में WebHID को चालू करता है. इसकी मदद से, किसी अलग थ्रेड में HID डिवाइस से ज़्यादा I/O और डेटा प्रोसेसिंग की जा सकती है. इससे मुख्य थ्रेड पर परफ़ॉर्मेंस पर पड़ने वाले असर को कम करने में मदद मिलती है.

ChromeStatus.com पर मौजूद जानकारी

WebRTC RTCRtpEncodingParameters.scaleResolutionDownTo

यह एक ऐसा एपीआई है जो WebRTC एन्कोडर को कॉन्फ़िगर करता है, ताकि वे इनपुट फ़्रेम को तय किए गए maxWidth और maxHeight से ज़्यादा होने पर स्केल कर सकें. यह एपीआई scaleResolutionDownBy से मिलता-जुलता है. हालांकि, रिज़ॉल्यूशन की पाबंदियों को रिलेटिव टर्म (उदाहरण के लिए, दो गुना छोटा करें) के बजाय, एब्सोलूट टर्म (उदाहरण के लिए, 640x360) में दिखाया जाता है. इससे, इनपुट फ़्रेम के साइज़ को फ़्लाइट पर बदलने से जुड़ी रेस कंडीशन से बचा जा सकता है.

ChromeStatus.com पर मौजूद जानकारी | स्पेसिफ़िकेशन

WebXr हैंड इनपुट मॉड्यूल लेवल 1

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

बग को ट्रैक करने के लिए #359418633 | ChromeStatus.com पर मौजूद एंट्री | स्पेसिफ़िकेशन

रेंडरिंग और ग्राफ़िक

WebGPU क्लिप की दूरियां

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

बग को ट्रैक करने के लिए #358408571 ट्रैकिंग नंबर | ChromeStatus.com पर मौजूद एंट्री | स्पेसिफ़िकेशन

WebGPU: GPUCanvasContext getConfiguration()

कॉन्फ़िगरेशन डायक्शनरी के साथ GPUCanvasContext configure() को कॉल करने के बाद, कैनवस कॉन्टेक्स्ट कॉन्फ़िगरेशन की जांच करने के लिए, GPUCanvasContext getConfiguration() तरीके का इस्तेमाल किया जा सकता है. इसमें जीपीयू device, format, usage, viewFormats, colorSpace, toneMapping, और alphaMode शामिल हैं. जैसा कि समस्या 4828 में बताया गया है, वेब ऐप्लिकेशन इसका इस्तेमाल करके यह पता लगा सकते हैं कि WebGPU में एचडीआर कैनवस काम करता है या नहीं.

बग को ट्रैक करने के लिए #370109829 | ChromeStatus.com पर मौजूद एंट्री | स्पेसिफ़िकेशन

निजता

Attribution-Reporting API: ट्रिगर रजिस्ट्रेशन के लिए, एग्रीगेशन पासकोड आइडेंटिफ़ायर के साइज़ की सीमा हटाना

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

ChromeStatus.com पर मौजूद जानकारी

Private Aggregation API: Protected Audience कॉलर के लिए, योगदान की सीमा को 100 तक बढ़ाना

Protected Audience स्क्रिप्ट चलाने वाले लोग, हर निजी एग्रीगेशन रिपोर्ट में 100 योगदान दे सकते हैं. फ़िलहाल, यह संख्या 20 है.

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

पैडिंग की वजह से, सुरक्षित ऑडियंस की हर रिपोर्ट का पेलोड बड़ा होगा. भले ही, उसे योगदान की ज़्यादा सीमा की ज़रूरत न हो. हमें उम्मीद है कि इन बड़ी रिपोर्ट की वजह से, एग्रीगेशन सेवा को चलाने की लागत बढ़ जाएगी.

बग को ट्रैक करने के लिए #360160864 | ChromeStatus.com पर मौजूद एंट्री

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

WebAudio के लिए, प्लेलआउट के आंकड़े देने वाला एपीआई

AudioContext.playoutStats एपीआई की मदद से, किसी ऐप्लिकेशन को WebAudio का इस्तेमाल करके ऑडियो चलाने की क्वालिटी और इंतज़ार का समय मेज़र करने की अनुमति मिलती है.

ऑरिजिन ट्रायल | ChromeStatus.com पर मौजूद जानकारी | स्पेसिफ़िकेशन

ServiceWorkerStaticRouterTimingInfo

ServiceWorker स्टैटिक रूटिंग एपीआई के लिए, समय की जानकारी जोड़ता है. यह जानकारी, डेवलपर के इस्तेमाल के लिए नेविगेशन टाइमिंग एपीआई और रिसॉर्स टाइमिंग एपीआई में दिखती है.

Service Worker, समय के कुछ पॉइंट को मार्क करने के लिए, समय की जानकारी देता है. हम स्टैटिक रूटिंग एपीआई से जुड़ी समय की दो जानकारी जोड़ते हैं: RouterEvaluationStart, रजिस्टर किए गए रूटर नियमों के साथ अनुरोध को मैच करने का समय, और CacheLookupStart, अगर सोर्स "कैश" है, तो कैश स्टोरेज को खोजने का समय. इसके अलावा, हम राउटर सोर्स की दो जानकारी भी जोड़ते हैं. पहला, मैच होने वाला राउटर सोर्स और दूसरा, फ़ाइनल राउटर सोर्स.

ओरिजिन ट्रायल | ChromeStatus.com पर मौजूद जानकारी

Summarization API

इनपुट टेक्स्ट की खास जानकारी देने के लिए JavaScript API. यह एआई लैंग्वेज मॉडल पर आधारित है.

ऑरिजिन ट्रायल | Summarization API का दस्तावेज़ | बग को ट्रैक करने के लिए #351744634 | ChromeStatus.com पर मौजूद एंट्री

Translator API

वेब पेजों पर भाषा के अनुवाद की सुविधा देने वाला JavaScript API.

ऑरिजिन ट्रायल | Translator API का दस्तावेज़ | बग को ट्रैक करने की सुविधा #322229993 | ChromeStatus.com पर मौजूद एंट्री

बंद किए गए और हटाए गए वर्शन

सीएसएस एंकर पोज़िशनिंग प्रॉपर्टी inset-area को हटाना

सीएसएस वर्किंग ग्रुप ने inset-area प्रॉपर्टी का नाम बदलकर position-area करने का फ़ैसला लिया है. इस प्रॉपर्टी को हटाने से, Chromium में इस सुविधा को लागू करने की प्रोसेस को बेहतर बनाया जा सकेगा.

बग को ट्रैक करने के लिए #352360007 ट्रैकिंग आईडी का इस्तेमाल किया गया है | ChromeStatus.com पर मौजूद एंट्री

BeforeunloadEventCancelByPreventDefault को बंद करने की सुविधा हटाना

सुविधा BeforeunloadEventCancelByPreventDefault को Chrome 117 में लॉन्च किया गया था. हालांकि, एक एंटरप्राइज़ नीति के तहत, इस फ़्लैग को जबरदस्ती बंद किया जा सकता है. Chrome 131 में, एंटरप्राइज़ नीति हटा दी जाएगी.

ChromeStatus.com पर मौजूद जानकारी

GPUAdapter requestAdapterInfo() का नॉन-स्टैंडर्ड तरीका हटाना

WebGPU वर्किंग ग्रुप ने फ़ैसला लिया है कि requestAdapterInfo() के लिए अनुमति का अनुरोध ट्रिगर करना व्यावहारिक नहीं है. इसलिए, उन्होंने उस विकल्प को हटा दिया है और उसे GPUAdapter info एट्रिब्यूट से बदल दिया है, ताकि वेब डेवलपर को एक ही समय पर GPUAdapterInfo की वैल्यू मिल सके.

ChromeStatus.com पर मौजूद जानकारी | स्पेसिफ़िकेशन

इसके बारे में और पढ़ें

क्या आपको और जानकारी चाहिए? इन अन्य संसाधनों को देखें.

Google Chrome डाउनलोड करें

Android, डेस्कटॉप या iOS के लिए Chrome डाउनलोड करें.