स्टेबल वर्शन के रिलीज़ होने की तारीख: 2 जून, 2026
जब तक कोई दूसरी जानकारी न दी जाए, तब तक Android, ChromeOS, Linux, macOS, और Windows के लिए Chrome 149 के स्टेबल चैनल वर्शन पर ये बदलाव लागू होते हैं.
सीएसएस और यूज़र इंटरफ़ेस (यूआई)
सीएसएस गैप डेकोरेशन
सीएसएस गैप डेकोरेशन की मदद से, कंटेनर लेआउट में मौजूद गैप को स्टाइल किया जा सकता है. जैसे, ग्रिड और फ़्लेक्सबॉक्स. यह सुविधा, मल्टीपल-कॉलम लेआउट में column-rule की तरह काम करती है. वेब डेवलपर इस सुविधा का बेसब्री से इंतज़ार कर रहे थे. फ़िलहाल, उन्हें ग्रिड और फ़्लेक्सबॉक्स लेआउट में मौजूद गैप को स्टाइल करने के लिए, हैक का इस्तेमाल करना पड़ता है.
इससे सीएसएस की नई प्रॉपर्टी मिलती हैं. जैसे, column-rule-inset, row-rule-inset, column-rule-visibility-items, और row-rule-visibility-items. साथ ही, रूल की चौड़ाई, रंग, और इनसेट के ऐनिमेशन की सुविधा मिलती है.
सीएसएस गैप डेकोरेशन के बारे में ब्लॉग पोस्ट | गड़बड़ी को ट्रैक करने वाला टिकट #357648037 | ChromeStatus.com पर एंट्री | खास जानकारी
उपयोगकर्ता के इंटरैक्शन पर, टेक्स्ट के ओवरफ़्लो को क्लिप करना
जब कोई उपयोगकर्ता, text-overflow: ellipsis वाले टेक्स्ट से इंटरैक्ट करता है, तो टेक्स्ट कुछ समय के लिए एलिप्सिस से क्लिप में बदल जाता है. उदाहरण के लिए, टेक्स्ट में बदलाव करने या कैरेट नेविगेशन का इस्तेमाल करने पर ऐसा होता है. इससे उपयोगकर्ता को छिपा हुआ ओवरफ़्लो कॉन्टेंट देखने और उससे इंटरैक्ट करने की अनुमति मिलती है. यह सुविधा, बदलाव किए जा सकने वाले और बदलाव न किए जा सकने वाले सभी एलिमेंट पर लागू होती है. फ़ॉर्म कंट्रोल के लिए, जैसे कि <textarea> और <input>, यह सुविधा पहले से ही
उपलब्ध है.
गड़बड़ी को ट्रैक करने वाला टिकट #40731275 | ChromeStatus.com पर एंट्री | खास जानकारी
टेबल के लिए, यूज़र एजेंट (यूए) स्टाइलशीट के नियम से, बॉर्डर के रंग की साफ़ तौर पर दी गई जानकारी को हटाना
इस बदलाव से, <table> एलिमेंट के लिए यूज़र एजेंट (यूए)
स्टाइलशीट से, गड़बड़ी वाली border-color: gray सीएसएस प्रॉपर्टी हट जाती है. एचटीएमएल की खास जानकारी में यह नियम शामिल नहीं है. साथ ही, इसकी वजह से बॉर्डर का रंग डिफ़ॉल्ट रूप से currentColor पर सेट नहीं हो पाता था. Firefox और WebKit, दोनों की यूज़र एजेंट (यूए) स्टाइलशीट में, बॉर्डर के रंग के लिए gray नियम नहीं है. इस वजह से, इंटरऑपरेबिलिटी से जुड़ी समस्याएं आ रही थीं.
गड़बड़ी को ट्रैक करने वाला टिकट #494554835 | ChromeStatus.com पर एंट्री | खास जानकारी
shape-outside में path() और shape() के इस्तेमाल की सुविधा जोड़ना
सीएसएस की shape-outside प्रॉपर्टी में, path() और shape() शेप फ़ंक्शन के इस्तेमाल की सुविधा जोड़ी गई है. इन फ़ंक्शन की मदद से, डेवलपर फ़्लोट एक्सक्लूज़न शेप को ज़्यादा आसानी से तय कर सकते हैं. साथ ही, ऐनिमेशन की सुविधा का इस्तेमाल कर सकते हैं.
गड़बड़ी को ट्रैक करने वाला टिकट #502328208 | ChromeStatus.com पर एंट्री | खास जानकारी
shape-outside में rect() और xywh() के इस्तेमाल की सुविधा जोड़ना
सीएसएस की shape-outside प्रॉपर्टी में, rect() और xywh() बेसिक शेप फ़ंक्शन के इस्तेमाल की सुविधा जोड़ी गई है. इन फ़ंक्शन की मदद से, डेवलपर आयत के कोऑर्डिनेट का इस्तेमाल करके, फ़्लोट एक्सक्लूज़न शेप तय कर सकते हैं. Chrome में यह सुविधा जोड़ने के बाद, यह Firefox और Safari के साथ काम करेगा. इन दोनों ब्राउज़र में यह सुविधा पहले से उपलब्ध है.
गड़बड़ी को ट्रैक करने वाला टिकट #490343453 | ChromeStatus.com पर एंट्री | खास जानकारी
उपयोगकर्ता की कार्रवाई के लिए स्यूडो-क्लास टॉप लेयर बाउंड्री
एलिमेंट के पैरंट पर :hover, :active, और :focus-within मैचिंग को बदलकर, पैरंट चेन में मौजूद सिर्फ़ पहले टॉप लेयर एलिमेंट से मैच करने की सुविधा जोड़ी गई है. आम तौर पर, टॉप लेयर एलिमेंट को पैरंट चेन से अलग रेंडर किया जाता है. इसलिए, टॉप लेयर एलिमेंट पर माउस घुमाने या उसे ऐक्टिव करने पर, पैरंट के स्टाइल में बदलाव करने का कोई मतलब नहीं है.
गड़बड़ी को ट्रैक करने वाला टिकट #407769114 | ChromeStatus.com पर एंट्री | खास जानकारी
वेब ऐप्लिकेशन स्कोप सिस्टम ऐक्सेंट कलर
सीएसएस कीवर्ड (AccentColor और
AccentColorText) और accent-color: auto के लिए, सिस्टम ऐक्सेंट कलर के ऐक्सेस को सिर्फ़ वेब ऐप्लिकेशन और
शुरुआती प्रोफ़ाइल के कॉन्टेक्स्ट तक सीमित किया गया है. इससे, वेब पर उपयोगकर्ता के सिस्टम के रंगों को बड़े पैमाने पर दिखाने पर, फ़िंगरप्रिंटिंग वेक्टर की संख्या सीमित हो जाती है.
गड़बड़ी को ट्रैक करने वाला टिकट #481353056 | ChromeStatus.com पर एंट्री | खास जानकारी
image-rendering: crisp-edges
image-rendering: crisp-edges से पता चलता है कि इमेज को इस तरह से स्केल किया जाना चाहिए, जिससे कंट्रास्ट और किनारे बने रहें. साथ ही, इस प्रोसेस में रंगों को स्मूद न किया जाए या इमेज को धुंधला न किया जाए.
Chrome, Firefox, और Safari, crisp-edges और pixelated को एक ही मानते हैं. साथ ही, दोनों को नियरेस्ट-नेबर स्केलिंग का इस्तेमाल करके लागू करते हैं.
गड़बड़ी को ट्रैक करने वाला टिकट #41073066 | ChromeStatus.com पर एंट्री | खास जानकारी
'path-length' को सीएसएस प्रॉपर्टी के तौर पर इस्तेमाल करने की सुविधा जोड़ना
सीएसएस की नई प्रॉपर्टी, path-length जोड़ी गई है. यह एसवीजी के pathLength प्रज़ेंटेशन एट्रिब्यूट से मैप होती है. यह एसवीजी के उन ज्योमेट्री एलिमेंट पर लागू होती है जो
pathLength के साथ काम करते हैं. इनमें <path>, <circle>, <rect>, <line>, <polyline>,
<polygon>, और <ellipse> शामिल हैं. इससे लेखक, स्टाइलशीट,
इनलाइन स्टाइल, और ऐनिमेशन में इसे तय कर सकते हैं.
गड़बड़ी को ट्रैक करने वाला टिकट #40670251 | ChromeStatus.com पर एंट्री | खास जानकारी
Web API
Intl.Locale.prototype.variants
ECMA-402 की खास जानकारी में बताए गए Intl.Locale.prototype.variants को जोड़ा गया है.
साथ ही, Intl.Locale कंस्ट्रक्टर में, विकल्पों के बैग में variants को स्वीकार किया जाता है.
ChromeStatus.com पर एंट्री | खास जानकारी
पेमेंट के अनुरोध की सुविधा: पेमेंट हैंडलर को इंटरनल गड़बड़ियों की रिपोर्ट करने की अनुमति देना
पेमेंट के अनुरोध की सुविधा के लिए, Payment Request API का इस्तेमाल करके ऐक्सेस किए जाने वाले पेमेंट हैंडलर, "उपयोगकर्ता ने रद्द किया" (AbortError) और "पेमेंट करने वाले ऐप्लिकेशन में इंटरनल गड़बड़ी" (OperationError) के लिए अलग-अलग गड़बड़ियां दिखाते हैं. इससे डेवलपर, इंटरनल ऐप्लिकेशन में गड़बड़ी होने पर, फिर से कोशिश कर सकते हैं या किसी दूसरे फ़्लो पर फ़ॉलबैक कर सकते हैं. वहीं, उपयोगकर्ता के रद्द करने पर, प्रोसेस को सही तरीके से रोका जा सकता है.
गड़बड़ी को ट्रैक करने वाला टिकट #473478138 | ChromeStatus.com पर एंट्री | खास जानकारी
TSF में, Windows के टच कीबोर्ड के लिए autocorrect="off" को लागू करना
Chrome के TSF इंटिग्रेशन की मदद से, Windows पर टच कीबोर्ड के अपने-आप ठीक होने की सुविधा का पता लगाया जा सकता है और उसे वापस लाया जा सकता है. ऐसा तब होता है, जब फ़ोकस किए गए बदलाव किए जा सकने वाले एलिमेंट के लिए autocorrect="off" सेट किया गया हो.
गड़बड़ी को ट्रैक करने वाला टिकट #487613498 | ChromeStatus.com पर एंट्री | खास जानकारी
चुनिंदा फ़ॉर्मैट में क्लिपबोर्ड पर पढ़ने की सुविधा
एसिंक्रोनस क्लिपबोर्ड एपीआई को बेहतर बनाया गया है. इसके तहत, वेब ऐप्लिकेशन के getType() को कॉल करने तक, ओएस से क्लिपबोर्ड का डेटा वापस पाने की प्रोसेस को टाला जा सकता है. read() के समय, उपलब्ध सभी फ़ॉर्मैट को तुरंत फ़ेच करने के बजाय, ब्राउज़र अब ClipboardItem ऑब्जेक्ट दिखाता है. इनमें उपलब्ध MIME टाइप तो होते हैं, लेकिन इनसे जुड़ा डेटा नहीं होता. इससे सीपीयू का इस्तेमाल कम होता है और रिस्पॉन्सिवनेस बेहतर होती है.
गड़बड़ी को ट्रैक करने वाला टिकट #435051711 | ChromeStatus.com पर एंट्री | खास जानकारी
नेटवर्क और कनेक्टिविटी
bfcache एंट्री पर, WebSocket को डिसकनेक्ट करना
ऐक्टिव WebSocket कनेक्शन की वजह से, अब कोई पेज बैक/फ़ॉरवर्ड कैश मेमोरी (bfcache) में नहीं जा पाएगा. दस्तावेज़ को bfcache के लिए अयोग्य बताने के बजाय, bfcache एंट्री पर कनेक्शन बंद करके, ब्राउज़र ऐक्टिव WebSockets वाले पेजों को सेव और रीस्टोर करने की अनुमति देता है.
गड़बड़ी को ट्रैक करने वाला टिकट #467838624 | ChromeStatus.com पर एंट्री | खास जानकारी
ऑरिजिन ट्रायल की नई सुविधाएं
गेमपैड इवेंट-ड्रिवन इनपुट एपीआई
Gamepad API को, इवेंट-ड्रिवन नए मॉडल के साथ बढ़ाया गया है. इससे ऐप्लिकेशन, कम लेटेन्सी के साथ गेमपैड इनपुट पा सकते हैं. डेवलपर अब navigator.getGamepads() का इस्तेमाल करके, बार-बार पोलिंग करने के बजाय, rawgamepadinputchange इवेंट को सुन सकते हैं. यह इवेंट तब ट्रिगर होता है, जब डिवाइस से नया इनपुट डेटा उपलब्ध होता है.
ऑरिजिन ट्रायल | गड़बड़ी को ट्रैक करने वाला टिकट #40582297 | ChromeStatus.com पर एंट्री | खास जानकारी
अनुमतियों की नीति: focus-without-user-activation
एम्बेड करने वाले लोग, focus-without-user-activation अनुमतियों की नीति की मदद से, एम्बेड किए गए कॉन्टेंट से प्रोग्रामैटिक फ़ोकस को कंट्रोल कर सकते हैं. जब किसी फ़्रेम के लिए नीति को अस्वीकार किया जाता है, तो प्रोग्रामैटिक फ़ोकस कॉल (element.focus(), autofocus, window.focus(), dialog.showModal(), और पॉपओवर फ़ोकस करना) तब तक ब्लॉक किए जाते हैं, जब तक उन्हें उपयोगकर्ता की कार्रवाई से ट्रिगर न किया जाए.
ऑरिजिन ट्रायल | गड़बड़ी को ट्रैक करने वाला टिकट #40095111 | ChromeStatus.com पर एंट्री | खास जानकारी
WebAssembly के कस्टम डिस्क्रिप्टर
WebAssembly, सोर्स-लेवल के टाइप से जुड़े डेटा को, "कस्टम डिस्क्रिप्टर" के नए ऑब्जेक्ट में ज़्यादा आसानी से सेव कर सकता है. इन कस्टम डिस्क्रिप्टर को, सोर्स-लेवल के टाइप के WebAssembly ऑब्जेक्ट के लिए प्रोटोटाइप के साथ कॉन्फ़िगर किया जा सकता है. इससे, WebAssembly ऑब्जेक्ट की प्रोटोटाइप चेन पर तरीके इंस्टॉल किए जा सकते हैं. साथ ही, सामान्य तरीके से कॉल करने के सिंटैक्स का इस्तेमाल करके, JavaScript से सीधे कॉल किए जा सकते हैं.
ऑरिजिन ट्रायल | गड़बड़ी को ट्रैक करने वाला टिकट #403372470 | ChromeStatus.com पर एंट्री | खास जानकारी