इस पेज का अनुवाद 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 में नया क्या है!