इस पेज का अनुवाद 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;
  }
}

टॉम का लेख पढ़ें Move Ya! अगर उपयोगकर्ता, कम मोशन वाले वीडियो को प्राथमिकता देता है, तो शायद ऐसा न करें! ज़्यादा जानकारी के लिए,

सीएसएस `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 में ये कुछ बदलाव किए गए हैं. हालांकि, इसमें और भी कई बदलाव किए गए हैं. मुझे कीवर्ड/वैल्यू स्टोरेज की सुविधा का बेसब्री से इंतज़ार है. यह एक बहुत तेज़, असाइन्क्रोनस, कीवर्ड/वैल्यू स्टोरेज सेवा है. फ़िलहाल, यह ऑरिजिन ट्रायल के तौर पर उपलब्ध है.

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

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

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

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