Chrome 88 में नया

Pete LePage

Chrome 88 को अब स्टेबल वर्शन के तौर पर रोल आउट किया जा रहा है.

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

  • अब मेनिफ़ेस्ट V3 का इस्तेमाल करके, Chrome वेब स्टोर पर एक्सटेंशन अपलोड किए जा सकते हैं.
  • aspect-ratio सीएसएस प्रॉपर्टी की मदद से, किसी भी एलिमेंट पर आसपेक्ट रेशियो को आसानी से सेट किया जा सकता है.
  • Chrome 88, कुछ खास स्थितियों में छिपे हुए पेजों के लिए, चेन किए गए JavaScript टाइमर को काफ़ी धीमा कर देगा.
  • अब भरोसेमंद वेब गतिविधि में, Play Billing का इस्तेमाल किया जा सकता है.
  • Chrome Dev Summit के सभी वीडियो अपलोड हो चुके हैं.
  • इसके अलावा, और भी बहुत कुछ है.

नमस्ते, मैं पीट लेपेज हूं. फ़िलहाल, मैं घर से काम कर रहा हूं और वीडियो रिकॉर्ड कर रहा हूं. आइए, Chrome 88 में डेवलपर के लिए क्या नया है, इस बारे में जानें!

मेनिफ़ेस्ट V3

Chrome 88 अब मेनिफ़ेस्ट V3 के साथ काम करने वाले एक्सटेंशन के साथ काम करता है. साथ ही, इन्हें Chrome वेब स्टोर पर अपलोड किया जा सकता है. मेनिफ़ेस्ट V3, एक्सटेंशन के लिए एक नया प्लैटफ़ॉर्म है. इससे Chrome एक्सटेंशन डिफ़ॉल्ट रूप से ज़्यादा सुरक्षित, बेहतर परफ़ॉर्म करने वाले, और निजता का सम्मान करने वाले बन जाते हैं.

उदाहरण के लिए, यह रिमोट तौर पर होस्ट किए गए कोड की अनुमति नहीं देता. इससे Chrome Web Store के समीक्षकों को यह समझने में मदद मिलती है कि किसी एक्सटेंशन से क्या जोखिम हो सकते हैं. इससे आपको अपने एक्सटेंशन तेज़ी से अपडेट करने में मदद मिलेगी.

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

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

पूरी जानकारी और अपने मौजूदा एक्सटेंशन को मेनिफ़ेस्ट V3 पर माइग्रेट करने का तरीका जानने के लिए, developer.chrome.com पर जाएं.


सीएसएस aspect-ratio प्रॉपर्टी

आम तौर पर, सिर्फ़ कुछ एलिमेंट का आसपेक्ट रेशियो होता है. जैसे, इमेज. अगर इनके लिए सिर्फ़ चौड़ाई या ऊंचाई दी गई है, तो इनके लिए, आसपेक्ट रेशियो का इस्तेमाल करके, दूसरी वैल्यू अपने-आप कैलकुलेट हो जाती है.

<!-- Height is auto-computed from width & aspect ratio -->
<img src="..." style="width: 800px;">

Chrome 88 में, aspect-ratio प्रॉपर्टी की मदद से ऐस्पेक्ट रेशियो को साफ़ तौर पर बताया जा सकता है. इससे, प्रॉपर्टी की परफ़ॉर्मेंस पहले जैसी ही रहेगी.

.square {
  aspect-ratio: 1 / 1;
}

प्रगतिशील बेहतर बनाने की सुविधा का इस्तेमाल करके, यह भी देखा जा सकता है कि यह सुविधा ब्राउज़र पर काम करती है या नहीं. साथ ही, ज़रूरत पड़ने पर फ़ॉलबैक लागू किया जा सकता है. इसके बाद, नए CSS 4 not सिलेक्टर की मदद से, अपने कोड को थोड़ा सा बेहतर बनाया जा सकता है!

.square {
  aspect-ratio: 1 / 1;
}

@supports not (aspect-ratio: 1 / 1) {
  .square {
    height: 4rem;
    width: 4rem;
  }
}

जेन सिमंस को धन्यवाद, जिन्होंने बताया कि यह सुविधा, Safari के नए तकनीकी प्रीव्यू वर्शन में काम करती है. इसलिए, हमें यह सुविधा जल्द ही Safari में दिखेगी! इसे काम करते हुए देखने के लिए, Una का डेमो देखें.

चेन किए गए JS टाइमर को ज़्यादा थ्रॉटल करना

Chrome 88, कुछ खास स्थितियों में छिपे हुए पेजों के लिए, चेन किए गए JavaScript टाइमर को ज़्यादा थ्रॉटल करेगा. इससे सीपीयू के इस्तेमाल में कमी आएगी. साथ ही, बैटरी के इस्तेमाल में भी कमी आएगी. कुछ खास मामलों में, इससे व्यवहार में बदलाव होगा. हालांकि, टाइमर का इस्तेमाल अक्सर तब किया जाता है, जब कोई दूसरा एपीआई ज़्यादा असरदार और भरोसेमंद हो.

यह जानकारी ज़्यादा तकनीकी और थोड़ी अस्पष्ट है. इसलिए, पूरी जानकारी के लिए, जेक का लेख Chrome 88 से शुरू होने वाले चेन किए गए JS टाइमर की ज़्यादा थ्रॉटलिंग पढ़ें.

भरोसेमंद वेब गतिविधि में Play की बिलिंग

अब डिजिटल प्रॉडक्ट और सदस्यताएं बेचने के लिए, डिजिटल प्रॉडक्ट के नए एपीआई का इस्तेमाल करके, भरोसेमंद वेब गतिविधि में Play Billing का इस्तेमाल किया जा सकता है. यह सुविधा, Android पर Chrome 88 में ऑरिजिन ट्रायल के तौर पर उपलब्ध है. हमें उम्मीद है कि अगले वर्शन में, ऑरिजिन ट्रायल को ChromeOS पर भी उपलब्ध कराया जाएगा.

खाते सेट अप होने के बाद, Play बिलिंग को चालू करने के लिए, अपनी भरोसेमंद वेब गतिविधि को अपडेट करें. साथ ही, Play कंसोल में अपने डिजिटल सामान बनाएं. इसके बाद, अपने PWA में ऑरिजिन ट्रायल टोकन जोड़ें. इसके बाद, मौजूदा खरीदारी की जांच करने, उपलब्ध खरीदारी के बारे में क्वेरी करने, और नई खरीदारी करने के लिए कोड जोड़ा जा सकता है.

// Get list of potential digital goods

const itemService =
  await window.getDigitalGoodsService("https://play.google.com/billing");

const details =
  await itemService.getDetails(['ripe_bananas', 'walnuts', 'pecans' ]);

ऐड्रियाना और ऐंड्रे ने Chrome Dev Summit में इस बारे में ज़्यादा जानकारी दी है - Play में वेब ऐप्लिकेशन के लिए नया क्या है. इसके अलावा, दस्तावेज़ देखें.

अन्य डेटा

इसके अलावा, और भी बहुत कुछ है.

  • एचटीएमएल स्टैंडर्ड में हुए बदलाव के मुताबिक, target="_blank" वाले ऐंकर टैग अब डिफ़ॉल्ट रूप से rel="noopener" के तौर पर काम करेंगे. इससे टैब-नैपिंग अटैक को रोकने में मदद मिलती है.
  • ज़्यादातर ऑपरेटिंग सिस्टम में, माउस की रफ़्तार बढ़ाने की सुविधा डिफ़ॉल्ट रूप से चालू होती है. हालांकि, इससे कुछ गेम में समस्या आ सकती है. Chrome 88 में, पॉइंटर लॉक एपीआई की मदद से, माउस ऐक्सेलरेशन की सुविधा बंद की जा सकती है. इसका मतलब है कि धीमी या तेज़ गति से किए गए एक जैसे फ़िज़िकल मोशन से, एक जैसा ही घुमाव होता है. इससे गेमिंग का बेहतर अनुभव मिलता है और ज़्यादा सटीक नतीजे मिलते हैं.
  • साथ ही, addEventListener अब विकल्प के तौर पर 'कार्रवाई रोकें' सिग्नल लेता है. abort() को कॉल करने पर, वह इवेंट लिसनर हट जाता है. इससे, ज़रूरत न पड़ने पर इवेंट लिसनर को आसानी से बंद किया जा सकता है.

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

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

सदस्यता लें

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

मेरा नाम पीट लेपेज है. Chrome 89 रिलीज़ होने के बाद, मैं आपको बताऊंगा कि Chrome में नया क्या है!