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 एंट्री

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

सीएसएस हाइलाइट इनहेरिटेंस की मदद से, ::selection और ::highlight जैसे सीएसएस हाइलाइट सूडो-क्लास, एलिमेंट चेन के बजाय, सूडो हाइलाइट चेन की मदद से अपनी प्रॉपर्टी इनहेरिट करते हैं. इससे हाइलाइट में प्रॉपर्टी को इनहेरिट करने के लिए, ज़्यादा आसान मॉडल बनता है.

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

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

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

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

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

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

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

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

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

@property, <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 पर मौजूद जानकारी | स्पेसिफ़िकेशन

वेब एपीआई

डायरेक्ट Sockets API

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

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

अनुमान लगाने के नियमों वाले हेडर पर सीएसपी की पाबंदियां लागू न करना

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

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

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

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

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

noopener-अनुमति वाले पॉप-अप सीओओपी की वैल्यू

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

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

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 है.

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

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

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

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

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

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

ऑरिजिन ट्रायल | ChromeStatus.com एंट्री | खास जानकारी

ServiceWorkerStaticRouterTimingInfo

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

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

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

Summarization API

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

ऑरिजिन ट्रायल | खास जानकारी वाला एपीआई दस्तावेज़ | ट्रैकिंग बग #351744634 | ChromeStatus.com एंट्री

अनुवादक 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 डाउनलोड करें.