Chrome 127 में नया

यहां आपके जानने योग्य तथ्य दिए गए हैं:

  • font-size-adjust की मदद से, फ़ॉलबैक फ़ॉन्ट को आसानी से पढ़ा जा सकता है.
  • उपयोगकर्ता के ऐक्टिवेशन, अब पिक्चर में पिक्चर वाले दस्तावेज़ों और उन्हें खोलने वाले दस्तावेज़ों के बीच लागू होते हैं.
  • स्क्रोल कंटेनर अब डिफ़ॉल्ट रूप से कीबोर्ड पर फ़ोकस कर सकते हैं.
  • और यहां और भी बहुत कुछ है.

मैं हूं एड्रियाना जारा. आइए, देखते हैं कि Chrome 127 में डेवलपर के लिए नया क्या है.

सीएसएस font-size-adjust

पहली पसंद का फ़ॉन्ट-फ़ैमिली ग्रुप उपलब्ध न होने और फ़ॉलबैक फ़ॉन्ट की सुविधा के काफ़ी अलग होने की वजह से, आपकी साइट को आसानी से पढ़ा नहीं जा सकता.

नीचे दी गई इमेज में, Verdana और Times फ़ॉन्ट के बीच का अंतर दिखाया गया है, भले ही टेक्स्ट का साइज़ एक जैसा हो.

टेक्स्ट लाइनें जो दिखती हैं: 'इस टेक्स्ट में वर्डाना फ़ॉन्ट (14px) का इस्तेमाल किया गया है, जिसमें अंग्रेज़ी के छोटे अक्षर होते हैं.' और 'इसमें टाइम फ़ॉन्ट (14px) का इस्तेमाल किया गया है, जिसे छोटे साइज़ में पढ़ना मुश्किल है'

अगर आपकी साइट Times फ़ॉन्ट पर वापस जाती है, तो उसे पढ़ना बहुत मुश्किल हो जाता है.

font-size-adjust सीएसएस प्रॉपर्टी की मदद से, फ़ॉलबैक फ़ॉन्ट के साइज़ में बदलाव किया जा सकता है. इससे आसपेक्ट वैल्यू (छोटे अक्षरों की ऊंचाई को फ़ॉन्ट साइज़ से भाग देने पर मिलने वाली ऊंचाई) को एक जैसा रखा जा सकता है. इससे यह पक्का किया जाता है कि टेक्स्ट एक जैसा दिखे, चाहे किसी भी फ़ॉन्ट का इस्तेमाल किया गया हो.

नीचे दी गई इमेज में, font-size-adjust का इस्तेमाल करके, Verdana और Times फ़ॉन्ट को आसानी से पढ़ा जा सकता है.

   font-size-adjust: 0.545;

'इस टेक्स्ट में अंग्रेज़ी के बड़े अक्षर वाले वर्डना फ़ॉन्ट (14px) का इस्तेमाल किया गया है', 'इसमें टाइम्स फ़ॉन्ट (14px) का इस्तेमाल किया गया है, जिसे छोटे साइज़ में पढ़ना मुश्किल है' लिखा हो और 'इस टेक्स्ट को 14px टाइम्स फ़ॉन्ट में उसी आसपेक्ट रेशियो (लंबाई-चौड़ाई का अनुपात) में बदला जाता है जिसमें वर्डाना फ़ॉन्ट का इस्तेमाल किया जाता है. इसलिए, छोटे फ़ॉन्ट वाले फ़ॉन्ट को दोनों फ़ॉन्ट में नॉर्मलाइज़ किया जाता है

Chrome में font-size-adjust के लॉन्च होने के साथ ही, यह सुविधा बेसलाइन के तौर पर उपलब्ध हो गई है. CSS font-size-adjust अब बेसलाइन में इससे जुड़ी जानकारी पढ़ें.

डॉक्यूमेंट पिक्चर में पिक्चर: उपयोगकर्ता को ऐक्टिवेट करें

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

उपयोगकर्ता के जेस्चर को चालू करने के डेमो पर जाएं और उपयोगकर्ता के ऐक्टिवेशन का पता चलने पर, पेज के बैकग्राउंड कलर में होने वाले बदलाव देखें. उपयोगकर्ता जेस्चर को दोनों विंडो में बैकग्राउंड बदलकर, दोनों मामलों में लागू किया जाता है.

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

ज़्यादा जानकारी के लिए, <video> ही नहीं, बल्कि किसी भी एलिमेंट के लिए पिक्चर में पिक्चर पर जाएं.

कीबोर्ड के फ़ोकस करने लायक स्क्रोल कंटेनर.

स्क्रोल कंटेनर को कीबोर्ड पर फ़ोकस करने लायक बनाया जा सकता है. इससे स्क्रोलर में मौजूद कॉन्टेंट और स्क्रोलर को, सभी उपयोगकर्ताओं के लिए ज़्यादा ऐक्सेस करने में मदद मिलती है.

अब से स्क्रोलर पर डिफ़ॉल्ट रूप से, क्लिक पर फ़ोकस किया जा सकता है और प्रोग्राम के हिसाब से फ़ोकस किया जा सकता है. इस बदलाव से पहले, स्क्रोलर एलिमेंट पर टैब फ़ोकस सिर्फ़ तब किया जा सकता था, जब Tabindex साफ़ तौर पर 0 या उससे ज़्यादा पर सेट हो.

ध्यान दें कि ऐसा सिर्फ़ तब होता है, जब स्क्रोलर का कोई बच्चा न हो. उदाहरण के लिए, अगर स्क्रोलर में पहले से कोई बटन है, तो टैब का फ़ोकस स्क्रोलर को छोड़कर सीधे बटन पर फ़ोकस करेगा.

सुलभता के सबसे सही तरीकों का सुझाव है कि सभी सुविधाएं, कीबोर्ड का इस्तेमाल करके उपलब्ध होनी चाहिए. डिफ़ॉल्ट रूप से, कीबोर्ड फ़ोकस करने लायक स्क्रोलर की मदद से, उपयोगकर्ता स्क्रोलर को ऐक्सेस करने के लिए क्रम से फ़ोकस करने वाले नेविगेशन का इस्तेमाल कर सकते हैं.

कीबोर्ड पर फ़ोकस करने लायक स्क्रोलर में ज़्यादा जानकारी देखें

और भी कई सुविधाएं!

बेशक वहां और भी बहुत कुछ है.

  • मुख्य फ़्रेम और एक ही ऑरिजिन वाले iframe में, एक ही दस्तावेज़ वाले व्यू के एक साथ ट्रांज़िशन की सुविधा अब उपलब्ध है.

  • सीएसएस कॉन्टेंट से जनरेट किया गया वैकल्पिक टेक्स्ट, अब कई आर्ग्युमेंट के साथ काम करता है.

  • DevTools का परफ़ॉर्मेंस पैनल अब WebSocket मैसेज इवेंट कैप्चर करता है और उन्हें परफ़ॉर्मेंस ट्रेस में दिखाता है.

प्रॉडक्ट की पूरी जानकारी पढ़ें.

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

इसमें सिर्फ़ कुछ खास हाइलाइट के बारे में बताया गया है. इसके लिए निम्न लिंक देखें Chrome 127 में हुए अतिरिक्त बदलाव शामिल हैं.

सदस्यता लें

अप-टू-डेट रहने के लिए, इसकी सदस्यता लें Chrome डेवलपर का YouTube चैनल, और जब भी हम कोई नया वीडियो लॉन्च करेंगे, तब आपको ईमेल से सूचना मिलेगी.

यो सोय एड्रियाना जारा, Chrome 127 के रिलीज़ होते ही, मैं आपको Chrome की नई सुविधाओं के बारे में बताऊंगी!