यहां आपके जानने योग्य तथ्य दिए गए हैं:
font-size-adjustसे, फ़ॉलबैक फ़ॉन्ट को आसानी से पढ़ा जा सकता है.- उपयोगकर्ता के ऐक्टिवेशन, अब पिक्चर में पिक्चर वाले दस्तावेज़ों और उन्हें खोलने वाले दस्तावेज़ों के बीच लागू होते हैं.
- स्क्रोल कंटेनर पर अब डिफ़ॉल्ट रूप से कीबोर्ड से फ़ोकस किया जा सकता है.
- इसके अलावा, और भी बहुत कुछ है.
मैं हूं एड्रियाना जारा. आइए, देखते हैं कि Chrome 127 में डेवलपर के लिए नया क्या है.
सीएसएस font-size-adjust
अगर आपकी साइट के लिए पहली पसंद का फ़ॉन्ट-फ़ैमिली उपलब्ध नहीं है और फ़ॉलबैक फ़ॉन्ट की आसपेक्ट रेशियो की वैल्यू काफ़ी अलग है, तो साइट पर मौजूद कॉन्टेंट को पढ़ने में मुश्किल हो सकती है.
इस इमेज में, Verdana और Times फ़ॉन्ट के बीच का अंतर दिखाया गया है. हालांकि, दोनों फ़ॉन्ट में टेक्स्ट का साइज़ एक जैसा है.
अगर आपकी साइट पर Times फ़ॉन्ट का इस्तेमाल किया जाता है, तो उसे पढ़ना काफ़ी मुश्किल हो जाता है.
font-size-adjust सीएसएस प्रॉपर्टी की मदद से, फ़ॉलबैक फ़ॉन्ट के फ़ॉन्ट साइज़ में बदलाव किया जा सकता है. इससे आसपेक्ट वैल्यू (छोटे अक्षरों की ऊंचाई को फ़ॉन्ट साइज़ से भागा गया) को एक जैसा रखा जा सकता है. इससे यह पक्का होता है कि इस्तेमाल किए गए फ़ॉन्ट के बावजूद, टेक्स्ट एक जैसा दिखता है.
नीचे दी गई इमेज में, font-size-adjust का इस्तेमाल करके Verdana और Times फ़ॉन्ट के बीच टेक्स्ट को आसानी से पढ़ा जा सकता है.
font-size-adjust: 0.545;
Chrome में font-size-adjust के लॉन्च होने के बाद, यह सुविधा बेसलाइन के तौर पर उपलब्ध हो जाएगी. ज़्यादा जानकारी के लिए, सीएसएस font-size-adjust अब बेसलाइन में है लेख पढ़ें.
दस्तावेज़ में पिक्चर में पिक्चर: उपयोगकर्ता ऐक्टिवेशन को प्रसारित करना
दस्तावेज़ की पिक्चर में पिक्चर विंडो एपीआई, अब दस्तावेज़ की पिक्चर में पिक्चर विंडो और उसे खोलने वाले ऐप्लिकेशन के बीच, उपयोगकर्ता के ऐक्टिवेशन को प्रसारित करता है.
यूज़र जेस्चर ऐक्टिवेशन प्रोपेगेशन डेमो पर जाएं और उपयोगकर्ता ऐक्टिवेशन का पता चलने पर, पेज के बैकग्राउंड के रंग में हुए बदलाव देखें. उपयोगकर्ता के जेस्चर को दोनों संदर्भों में भेजा जाता है, जिससे दोनों विंडो का बैकग्राउंड बदल जाता है.
इससे, दस्तावेज़ में पिक्चर में पिक्चर विंडो में उपयोगकर्ता के ऐक्टिवेशन को उसकी ओपनर विंडो में और दूसरी तरफ़ इस्तेमाल किया जा सकता है. इस बदलाव से, उपयोगकर्ता के ऐक्टिवेशन पर आधारित एपीआई का इस्तेमाल करना ज़्यादा आसान हो जाता है. ऐसा इसलिए, क्योंकि दस्तावेज़ की पिक्चर में पिक्चर विंडो में मौजूद इवेंट हैंडलर, अक्सर दस्तावेज़ खोलने वाले के कॉन्टेक्स्ट में चलाए जाते हैं. इसलिए, दस्तावेज़ खोलने वाले के कॉन्टेक्स्ट को उपयोगकर्ता के जेस्चर का ऐक्सेस चाहिए.
ज़्यादा जानकारी के लिए, <video> ही नहीं, बल्कि किसी भी एलिमेंट के लिए पिक्चर में पिक्चर पर जाएं.
कीबोर्ड की मदद से, इस्तेमाल किए जा सकने वाले स्क्रोल कंटेनर.
स्क्रोल कंटेनर को कीबोर्ड पर फ़ोकस करने लायक बनाया जा सकता है. इससे स्क्रोलर में मौजूद कॉन्टेंट और स्क्रोलर को, सभी उपयोगकर्ताओं के लिए ज़्यादा ऐक्सेस करने में मदद मिलती है.
अब से स्क्रोलर पर प्रोग्राम के हिसाब से डिफ़ॉल्ट रूप से फ़ोकस किया जा सकेगा. इस बदलाव से पहले, स्क्रोलर एलिमेंट को सिर्फ़ तब टैब से फ़ोकस किया जा सकता था, जब tabindex को साफ़ तौर पर 0 या उससे ज़्यादा पर सेट किया गया हो.
ध्यान दें कि ऐसा सिर्फ़ तब होता है, जब स्क्रोलर में फ़ोकस किए जा सकने वाले चाइल्ड एलिमेंट न हों. उदाहरण के लिए, अगर स्क्रोलर में पहले से ही कोई बटन मौजूद है, तो Tab बटन का फ़ोकस स्क्रोलर को स्किप कर देगा और सीधे बटन पर फ़ोकस करेगा.
सुलभता के सबसे सही तरीकों के मुताबिक, सभी सुविधाएं कीबोर्ड का इस्तेमाल करके उपलब्ध होनी चाहिए. डिफ़ॉल्ट रूप से, कीबोर्ड की मदद से इस्तेमाल किए जा सकने वाले स्क्रोलर की मदद से, उपयोगकर्ता आसानी से स्क्रोलर ऐक्सेस कर सकता है. इसके लिए, उसे क्रम से फ़ोकस करने की सुविधा का इस्तेमाल करना पड़ता है.
ध्यान दें कि इस बदलाव को समय के साथ, उपयोगकर्ताओं के लिए धीरे-धीरे चालू किया जा रहा है, ताकि हम इस बदलाव की वजह से होने वाली समस्याओं पर नज़र रख सकें. इसलिए, हो सकता है कि कुछ उपयोगकर्ताओं को यह सुविधा 130 वर्शन या उसके बाद के वर्शन में चालू न दिखे.
ज़्यादा जानकारी के लिए, कीबोर्ड की मदद से, इस्तेमाल किए जा सकने वाले स्क्रोलर लेख पढ़ें
और भी कई सुविधाएं!
बेशक वहां और भी बहुत कुछ है.
अब मुख्य फ़्रेम और एक ही ऑरिजिन वाले iframe में, एक ही दस्तावेज़ वाले व्यू के एक साथ ट्रांज़िशन की सुविधा उपलब्ध है.
सीएसएस कॉन्टेंट से जनरेट किया गया वैकल्पिक टेक्स्ट, अब कई आर्ग्युमेंट के साथ काम करता है.
DevTools का परफ़ॉर्मेंस पैनल, अब WebSocket मैसेज इवेंट कैप्चर करता है और उन्हें परफ़ॉर्मेंस ट्रेस में दिखाता है.
इसके बारे में और पढ़ें
इसमें सिर्फ़ कुछ खास हाइलाइट शामिल हैं. Chrome 127 में किए गए अन्य बदलावों के बारे में जानने के लिए, यहां दिए गए लिंक देखें.
- Chrome DevTools (127) में नया क्या है
- Chrome 127 के लिए, ChromeStatus.com से जुड़े अपडेट
- Chromium सोर्स रिपॉज़िटरी में हुए बदलावों की सूची
- Chrome के रिलीज़ कैलेंडर की जानकारी
सदस्यता लें
अप-टू-डेट रहने के लिए, Chrome डेवलपर के YouTube चैनल की सदस्यता लें. ऐसा करने पर, जब भी हम कोई नया वीडियो लॉन्च करेंगे, आपको ईमेल से सूचना मिलेगी.
यो सोय एड्रियाना जारा. Chrome 127 के रिलीज़ होते ही, मैं आपको Chrome की नई सुविधाओं के बारे में बताऊंगी!