पब्लिश होने की तारीख: 22 सितंबर, 2026
Chrome 154 को अब रोल आउट किया जा रहा है. इस पोस्ट में, रिलीज़ की कुछ मुख्य सुविधाओं के बारे में बताया गया है. Chrome 154 के रिलीज़ नोट पढ़ें.
इस रिलीज़ की मुख्य बातें:
- स्क्रीन के हिसाब से साइज़ बदलने की सुविधा
<iframe>की मदद से,<iframe>का साइज़, एम्बेड किए गए दस्तावेज़ के मूल साइज़ के हिसाब से अपने-आप बदल जाता है. - सीएसएस
scroll-marker-groupमोड, स्क्रोल मार्कर के फ़ोकस ऑर्डर और ऐक्सेसिबिलिटी सिमैंटिक्स को कॉन्फ़िगर करने के लिएlinksऔरtabsमोड जोड़ता है. - सीएसएस
text-decoration-insetकी मदद से, टेक्स्ट डेकोरेशन के शुरू और खत्म होने के पॉइंट में बदलाव किया जा सकता है.
स्क्रीन के हिसाब से दिखने वाला <iframe>
Chrome 154 में, रिस्पॉन्सिव साइज़ वाले iframe के लिए सहायता जोड़ी गई है. इससे पैरंट दस्तावेज़ में मौजूद <iframe> एलिमेंट, एम्बेड किए गए दस्तावेज़ के लेआउट के हिसाब से खुद को साइज़ कर सकता है. इससे चाइल्ड दस्तावेज़ में स्क्रोल करने से बचा जा सकता है. इससे उस पैटर्न की जगह ले ली जाती है जिसमें iframe कॉन्टेंट को मैन्युअल तरीके से मेज़र किया जाता है, postMessage() के साथ डाइमेंशन भेजे जाते हैं, और एम्बेड किए गए पेज में iframe का साइज़ अपडेट किया जाता है.
iframe को उसके कॉन्टेंट की ऊंचाई के हिसाब से साइज़ करने के लिए, एम्बेड किए गए पेज में मौजूद <iframe> एलिमेंट पर frame-sizing सीएसएस प्रॉपर्टी का इस्तेमाल करें:
.embed {
width: 100%;
frame-sizing: content-height;
}
एम्बेड किए गए दस्तावेज़ को भी ऑप्ट इन करना होगा. इसके लिए, उसे अपने <head> में <meta name="responsive-embedded-sizing"> एलिमेंट शामिल करना होगा:
<meta name="responsive-embedded-sizing" content="allow-origins=*">
ज़्यादा जानकारी और डेमो के लिए, Chrome 154 में रिस्पॉन्सिव iframe देखें.
सीएसएस scroll-marker-group मोड
scroll-marker-group प्रॉपर्टी से यह कंट्रोल किया जाता है कि स्क्रोल कंटेनर, अपने कॉन्टेंट से पहले या बाद में ::scroll-marker-group स्यूडो-एलिमेंट जनरेट करता है या नहीं. Chrome 154 में, scroll-marker-group को बेहतर बनाया गया है. इसमें दो मोड जोड़े गए हैं. ये मोड, ::scroll-marker-group और ::scroll-marker के फ़ोकस ऑर्डर और WAI-ARIA सुलभता सिमैंटिक्स को सेट करते हैं:
/* Links mode (default) */
scroll-marker-group: after links;
/* Tabs mode */
scroll-marker-group: before tabs;
सीएसएस text-decoration-inset
डिफ़ॉल्ट रूप से, किसी एलिमेंट के टेक्स्ट डेकोरेशन (जैसे कि अंडरलाइन, ओवरलाइन या लाइन-थ्रू) की लंबाई, रेंडर किए गए टेक्स्ट की लंबाई के बराबर होती है. text-decoration-inset सीएसएस प्रॉपर्टी की मदद से, किसी एलिमेंट के टेक्स्ट डेकोरेशन के शुरुआती और आखिरी पॉइंट को अडजस्ट किया जा सकता है. इससे टेक्स्ट डेकोरेशन को टेक्स्ट रन के किनारों से अंदर की ओर सेट किया जा सकता है, किनारों से बाहर की ओर बढ़ाया जा सकता है या किनारों के हिसाब से शिफ़्ट किया जा सकता है.
text-decoration-inset, auto, लंबाई, और प्रतिशत वैल्यू स्वीकार करता है. इसके लिए, एक वैल्यू या दो वैल्यू वाले सिंटैक्स का इस्तेमाल किया जाता है. उदाहरण के लिए, दोनों सिरों को 10 पिक्सल से इनसेट करने के लिए:
text-decoration-inset: 10px;
पॉज़िटिव वैल्यू से डेकोरेशन छोटा हो जाता है, जबकि नेगेटिव वैल्यू से डेकोरेशन बड़ा हो जाता है. इसकी मदद से, डेकोरेशन के बीच की दूरी को बेहतर बनाया जा सकता है. साथ ही, बैकग्राउंड ग्रेडिएंट या अतिरिक्त एलिमेंट के बजाय, सीएसएस टेक्स्ट डेकोरेशन की मदद से, ऐनिमेशन वाले अंडरलाइन इफ़ेक्ट बनाए जा सकते हैं.
ज़्यादा जानकारी के लिए, text-decoration-inset के बारे में MDN पर मौजूद दस्तावेज़ देखें.
इस बारे में और पढ़ें
इसमें सिर्फ़ कुछ मुख्य हाइलाइट शामिल हैं. Chrome 154 में हुए अन्य बदलावों के बारे में जानने के लिए, यहां दिए गए लिंक पर जाएं:
- Chrome 154 की रिलीज़ से जुड़ी जानकारी.
- ChromeStatus.com पर Chrome 154 के अपडेट.
- Chrome के वर्शन रिलीज़ करने का कैलेंडर.
सदस्यता लें
अप-टू-डेट रहने के लिए, Chrome Developers के YouTube चैनल की सदस्यता लें. इससे आपको नया वीडियो लॉन्च होने पर, ईमेल से सूचना मिलेगी. इसके अलावा, नए लेख और ब्लॉग पोस्ट पाने के लिए, हमें X या LinkedIn पर फ़ॉलो करें.
Chrome 155 के रिलीज़ होते ही, हम आपको Chrome में उपलब्ध नई सुविधाओं के बारे में बताएंगे!