इस पेज का अनुवाद Cloud Translation API से किया गया है.

Chrome 74 में नया

Pete LePage

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

JavaScript में निजी क्लास फ़ील्ड बनाना अब और भी बेहतर हो गया है.
यह पता लगाया जा सकता है कि उपयोगकर्ता ने कब कम मोशन अनुभव का अनुरोध किया है.
सीएसएस ट्रांज़िशन इवेंट
यह देखने के लिए नए सुविधा नीति एपीआई जोड़ता है कि सुविधाएं चालू हैं या नहीं.

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

बदलाव लॉग

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

प्राइवेट क्लास फ़ील्ड

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

class IncreasingCounter {
  // Public class field
  _publicValue = 0;
  get value() {
    return this._publicValue;
  }
  increment() {
    this._publicValue++;
  }
}

मैंने कहा कि प्राइवेट क्लास के फ़ील्ड पर भी काम चल रहा है. मुझे यह बताते हुए खुशी हो रही है कि Chrome 74 में अब निजी क्लास फ़ील्ड इस्तेमाल किए जा सकते हैं. नए निजी फ़ील्ड का सिंटैक्स, सार्वजनिक फ़ील्ड की तरह ही है. हालांकि, इसमें आपको # (पाउंड का निशान) का इस्तेमाल करके, फ़ील्ड को निजी के तौर पर मार्क करना होता है. # को फ़ील्ड के नाम का हिस्सा मानें.

class IncreasingCounter {
  // Private class field
  #privateValue = 0;
  get value() {
    return this.#privateValue;
  }
  increment() {
    this.#privateValue++;
  }
}

याद रखें, private फ़ील्ड बस निजी हैं. इन्हें क्लास के अंदर ऐक्सेस किया जा सकता है, लेकिन इन्हें क्लास के मुख्य हिस्से के बाहर इस्तेमाल नहीं किया जा सकता.

class SimpleClass {
  _iAmPublic = 'shared';
  #iAmPrivate = 'secret';
  doSomething() {
    ...
  }
}

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

`prefers-reduced-motion`

कुछ उपयोगकर्ताओं ने पैरालैक्स स्क्रोल, ज़ूमिंग, और दूसरे मोशन इफ़ेक्ट देखने पर मोशन सिक्वेंस होने की शिकायत की है. इसे ठीक करने के लिए, कई ऑपरेटिंग सिस्टम अगर संभव हो, तो मोशन को कम करने का विकल्प देते हैं.

Chrome अब एक मीडिया क्वेरी उपलब्ध कराता है, prefers-reduced-motion - यह मीडिया क्वेरी लेवल 5 की खास बातों का हिस्सा है. इसकी मदद से, यह पता लगाया जा सकता है कि यह विकल्प कब चालू होता है.

@media (prefers-reduced-motion: reduce)

मान लो कि मेरे पास एक साइन-अप बटन है, जो एक हल्के-फुल्के भावना से अपनी ओर ध्यान आकर्षित करता है. नई क्वेरी से मुझे सिर्फ़ बटन की गति बंद करने में मदद मिली.

button {
  animation: vibrate 0.3s linear infinite both;
}

@media (prefers-reduced-motion: reduce) {
  button {
    animation: none;
  }
}

टॉम का लेख देखें मूव हां! ज़्यादा जानकारी के लिए, उपयोगकर्ता को-लोक्ड-मोशन पसंद है! भी ऐसा किया जा सकता है.

सीएसएस `transition` के इवेंट

सीएसएस ट्रांज़िशन स्पेसिफ़िकेशन के लिए ज़रूरी है कि ट्रांज़िशन इवेंट तब भेजे जाएं, जब किसी ट्रांज़िशन को सूची में शामिल किया जाए, शुरू किया जाए, खत्म किया जाए या रद्द किया जाए. ये इवेंट कुछ समय से दूसरे ब्राउज़र पर काम कर रहे हैं...

हालांकि, अब तक ये Chrome पर काम नहीं करते थे. Chrome 74 में अब ये सुन सकते हैं:

transitionrun
transitionstart
transitionend
transitioncancel

इन इवेंट को सुनकर, ट्रांज़िशन चलने के दौरान व्यवहार को ट्रैक किया जा सकता है या उसमें बदलाव किया जा सकता है.

सुविधा की नीति से जुड़े एपीआई के अपडेट

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

Feature-Policy: geolocation 'self'

<iframe ... allow="geolocation self">
</iframe>

Chrome 74, एपीआई का एक नया सेट पेश करता है, ताकि यह देखा जा सके कि कौनसी सुविधाएं चालू हैं:

आपको document.featurePolicy.allowedFeatures() से उन सुविधाओं की सूची मिल सकती है जिन्हें अनुमति दी गई है.
document.featurePolicy.allowsFeature(...) में जाकर देखें कि किसी खास सुविधा को अनुमति मिली है या नहीं.
साथ ही, आपको मौजूदा पेज पर इस्तेमाल किए गए ऐसे डोमेन की सूची मिल सकती है जो document.featurePolicy.getAllowlistForFeature() के साथ, किसी खास सुविधा को अनुमति देते हैं.

ज़्यादा जानकारी के लिए, सुविधा के बारे में नीति के बारे में जानकारी वाला पोस्ट देखें.

और ज़्यादा!

डेवलपर के लिए Chrome 74 में ये कुछ बदलाव हैं, बेशक, और भी बहुत कुछ है. निजी तौर पर, मैं KV स्टोरेज को लेकर काफ़ी उत्साहित हूं. यह एक तेज़, एसिंक्रोनस, कुंजी/वैल्यू स्टोरेज सेवा है जो ऑरिजिन ट्रायल के तौर पर उपलब्ध है.

Google I/O जल्द ही शुरू होने वाला है!

याद रखें - Google I/O बस कुछ ही हफ़्ते (7 मई से 9 मई) दूर है और हमारे पास आपके लिए बहुत सारी नई चीज़ें होंगी. अगर मीटिंग में शामिल नहीं हो पा रहा है, तो उसके सभी सेशन लाइव स्ट्रीम किए जाएंगे और बाद में ये सेशन हमारे Chrome डेवलपर के YouTube चैनल पर उपलब्ध रहेंगे.

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

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