Chrome 88 में नया

Pete LePage

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

यहां आवश्यक जानकारी दी गई है:

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

मैं पीट लीपेज हूं, घर से काम कर रहा/रही हूं और शूट कर रहा हूं. चलिए, देखते हैं कि Chrome 88 में डेवलपर के लिए नया क्या है!

मेनिफ़ेस्ट V3

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

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

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

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

पूरी जानकारी और अपने मौजूदा एक्सटेंशन को मेनिफ़ेस्ट 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;
  }
}

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

चेन वाले JS टाइमर की भारी थ्रॉटलिंग

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

बड़ा मुश्किल शब्द होने के साथ-साथ समझ में भी नहीं आ रहा था. इसलिए, पूरी जानकारी के लिए जेक का लेख Chrome 88 से शुरू होने वाले चेन वाले JS टाइमर को थ्रॉटल करना देखें.

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

अब आप 'भरोसेमंद वेब गतिविधि' में 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 डेवलपर समिट' के बारे में ज़्यादा जानकारी दी - Play पर वेब ऐप्लिकेशन के लिए नया क्या है या docs पढ़ें.

अन्य डेटा

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

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

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

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

सदस्यता लें

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

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