Chrome 72 में नया

पीट लीपेज
पीट लीपेज

Chrome 72 में, हमने इनके लिए सहायता जोड़ी है:

इनके अलावा और भी बहुत कुछ है!

मेरा नाम पीट लेपेज है. आइए और जानें और देखें कि Chrome 72 में डेवलपर के लिए नया क्या है!

बदलाव लॉग

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

पब्लिक क्लास फ़ील्ड

मेरी पहली भाषा Java थी और JavaScript सीखने की वजह से मैं काफ़ी लूप चला रहा था. मैंने क्लास कैसे बनाई थी? या इनहेरिटेंस? सार्वजनिक और निजी प्रॉपर्टी और तरीकों का क्या होगा? JavaScript में हाल ही में किए गए कई अपडेट हैं, जिनसे ऑब्जेक्ट पर आधारित प्रोग्रामिंग काफ़ी आसान हो गया है.

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

Chrome 72 के साथ भेजे जाने वाले V8 7.2 की मदद से, अब पब्लिक क्लास फ़ील्ड को सीधे क्लास डेफ़िनिशन में बताया जा सकता है. इससे कंस्ट्रक्टर में ऐसा करने की ज़रूरत नहीं होती.

class Counter {
  _value = 0;
  get value() {
    return this._value;
  }
  increment() {
    this._value++;
  }
}

const counter = new Counter();
console.log(counter.value);
// → 0
counter.increment();
console.log(counter.value);
// → 1

प्राइवेट क्लास फ़ील्ड के लिए सहायता पर काम चल रहा है!

ज़्यादा जानकारी के लिए, क्लास फ़ील्ड से जुड़ा मथायस का लेख देखें.

उपयोगकर्ता ऐक्टिवेशन एपीआई

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

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

Chrome 72, उपयोगकर्ता ऐक्टिवेशन v2 को पेश करता है. यह सभी गेटेड एपीआई के लिए उपयोगकर्ता ऐक्टिवेशन को आसान बनाता है. यह एक नई जानकारी पर आधारित है, जिसका मकसद सभी ब्राउज़र पर ऐक्टिवेशन के काम करने के तरीके को मानक बनाना है.

navigator और MessageEvent, दोनों पर एक नई userActivation प्रॉपर्टी है, जिसमें दो प्रॉपर्टी हैं: hasBeenActive और isActive:

  • hasBeenActive से पता चलता है कि क्या संबंधित विंडो ने अपनी लाइफ़साइकल में उपयोगकर्ता का इस्तेमाल कभी ऐक्टिवेट किया है.
  • isActive से पता चलता है कि जुड़ी हुई विंडो की लाइफ़साइकल में, फ़िलहाल कोई उपयोगकर्ता चालू है या नहीं.

ज़्यादा जानकारी के लिए, सभी एपीआई के लिए, एक जैसी सुविधाएं चालू करना लेख पढ़ें

Intl.format की मदद से चीज़ों की सूचियों को स्थानीय भाषा में लिखना

मुझे Intl API बहुत पसंद हैं. इनकी मदद से, अन्य भाषाओं में कॉन्टेंट का स्थानीय भाषा में अनुवाद किया जा सकता है! Chrome 72 में, .format() के लिए एक नया तरीका दिया गया है, जिससे सूचियों को रेंडर करना आसान हो जाता है. अन्य Intl API की तरह, यह बोझ को JavaScript इंजन पर शिफ़्ट कर देता है और परफ़ॉर्मेंस से भी समझौता नहीं होता.

इसे अपनी पसंद की स्थान-भाषा से शुरू करें. इसके बाद, format को कॉल करें. इससे सही शब्द और सिंटैक्स का इस्तेमाल किया जाएगा. यह कई तरह के जोड़ भी कर सकता है - जो स्थानीय भाषा में और के बराबर वर्ण जोड़ता है (और उन सुंदर ऑक्सफ़र्ड कॉमा को देखें). यह अलग-अलग चीज़ें कर सकता है - or के स्थानीय समान को जोड़कर. साथ ही, कुछ अतिरिक्त विकल्प देकर, आप और भी बहुत कुछ कर सकते हैं.

const opts = {type: 'disjunction'};
const lf = new Intl.ListFormat('fr', opts);
lf.format(['chien', 'chat', 'oiseau']);
// → 'chien, chat ou oiseau'
lf.format(['chien', 'chat', 'oiseau', 'lapin']);
// → 'chien, chat, oiseau ou lapin'

ज़्यादा जानकारी के लिए, Intl.ListFormat API से जुड़ी पोस्ट देखें!

और ज़्यादा!

डेवलपर के लिए Chrome 72 में हुए ये कुछ बदलाव हैं, बेशक, और भी बहुत से बदलाव हैं.

  • Chrome 72, नियम से बेहतर तरीके से मेल खाने के लिए, Cache.addAll() के काम करने के तरीके में बदलाव करता है. पहले, अगर एक ही कॉल में डुप्लीकेट एंट्री थीं, तो बाद के अनुरोध सिर्फ़ पहले अनुरोध को ओवरराइट करते थे. स्पेसिफ़िकेशन से मेल खाने के लिए, अगर डुप्लीकेट एंट्री हैं, तो उन्हें InvalidStateError से अस्वीकार कर दिया जाएगा.
  • फ़ेविकॉन के अनुरोधों को अब सर्विस वर्कर मैनेज करता है. ऐसा तब तक होगा, जब तक अनुरोध यूआरएल और सर्विस वर्कर, दोनों एक ही ऑरिजिन का इस्तेमाल करते हैं.

सदस्यता लें

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

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