Chrome 71 में नया

हमने Chrome 71 में, इन सुविधाओं के लिए सहायता जोड़ी है:

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

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

बदलाव लॉग

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

Intl.RelativeTimeFormat() के साथ रिलेटिव टाइम दिखाना

Twitter पर, हाल ही की पोस्ट का समय दिखाया गया है

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

रिलेटिव टाइम दिखाना इतना आम हो गया है कि ज़्यादातर सामान्य तारीख/समय लाइब्रेरी, स्थानीय फ़ंक्शन उपलब्ध कराती हैं, ताकि हम इसे मैनेज कर सकें. असल में, Moment JS, मेरे बनाए गए ज़्यादातर वेब ऐप्लिकेशन में, पहली लाइब्रेरी के तौर पर जोड़ी जाती है. ऐसा खास तौर पर, समय से जुड़ी जानकारी दिखाने के लिए किया जाता है.

Chrome 71 में Intl.RelativeTimeFormat() सुविधा जोड़ी गई है. यह सुविधा, काम को JavaScript इंजन पर भेजती है. साथ ही, यह स्थानीय समय के हिसाब से, समय के अंतर को फ़ॉर्मैट करने की सुविधा चालू करती है. इससे हमें परफ़ॉर्मेंस में थोड़ी बढ़ोतरी मिलती है. इसका मतलब है कि जब कोई ब्राउज़र अब तक नए एपीआई के साथ काम नहीं करता है, तब ही हमें उन लाइब्रेरी को पॉलीफ़िल के तौर पर ज़रूरत पड़ती है.

const rtf = new Intl.RelativeTimeFormat('en');

rtf.format(3.14, 'second');
// → 'in 3.14 seconds'

rtf.format(-15, 'minute');
// → '15 minutes ago'

इसका इस्तेमाल करना आसान है. इसके लिए, नया इंस्टेंस बनाएं और स्थानीय भाषा तय करें. इसके बाद, रिलेटिव टाइम के साथ फ़ॉर्मैट को कॉल करें. पूरी जानकारी के लिए, माथियास की Intl.RelativeTimeFormat API पोस्ट देखें.

वर्टिकल टेक्स्ट के लिए जगह की जानकारी को अंडरलाइन करता है

अनियमित अंडरलाइन वाला वर्टिकल टेक्स्ट

अगर चाइनीज़ या जैपनीज़ टेक्स्ट को वर्टिकल फ़्लो में दिखाया जाता है, तो हो सकता है कि ब्राउज़र उस जगह पर मौजूद न हों जहां अंडरलाइन की गई है. ऐसा टेक्स्ट बाईं या दाईं ओर हो सकता है.

Chrome 71 में, text-underline-position प्रॉपर्टी अब CSS3 टेक्स्ट डेकोरेशन स्पेसिफ़िकेशन के हिस्से के तौर पर left या right को स्वीकार करती है. CSS3 टेक्स्ट डेकोरेशन स्पेसिफ़िकेशन में कई नई प्रॉपर्टी जोड़ी गई हैं. इनकी मदद से, लाइन, स्टाइल, रंग, और पोज़िशन जैसी चीज़ों के बारे में बताया जा सकता है.


.left {
  text-underline-position: left;
}

.right {
  text-underline-position: right;
}

लिखाई को बोली में बदलने की सुविधा के लिए, उपयोगकर्ता की अनुमति लेना ज़रूरी है

जब कोई साइट अचानक हमसे बातचीत शुरू करती है, तो हम सभी हैरान हो जाते हैं. वीडियो अपने-आप चलने से जुड़ी नीतियां, साइटों को ऑडियो या ऑडियो वाली वीडियो फ़ाइलों को अपने-आप चलने से रोकती हैं. कुछ साइटों ने इसके बजाय, स्पीच सिंथेसिस एपीआई का इस्तेमाल करके, इस समस्या से बचने की कोशिश की है.

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

const utterance = new window.SpeechSynthesisUtterance('Hello');
utterance.lang = lang || 'en-US';
try {
  window.speechSynthesis.speak(utterance);
} catch (ex) {
  console.log('speechSynthesis not available', ex);
}

किसी साइट पर जाकर, अचानक से उस पर मौजूद कॉन्टेंट से हैरान होना और आस-पास बैठे अपने साथ काम करने वालों को हैरान देखना, इससे बुरा कोई और अनुभव नहीं हो सकता.

और भी कई सुविधाएं!

डेवलपर के लिए, Chrome 71 में ये सिर्फ़ कुछ बदलाव हैं. इसमें और भी कई बदलाव किए गए हैं.

Chrome DevSummit वीडियो

अगर आप Chrome Dev Summit में शामिल नहीं हो पाए या आपने सभी बातचीत नहीं देखी है, तो हमारे YouTube चैनल पर Chrome Dev Summit 2018 की प्लेलिस्ट देखें.

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

मैरिको और जेक ने बताया कि उन्होंने कॉम्प्लेक्स JS-बहुत ज़्यादा वेब ऐप्लिकेशन, से बचने के लिएSquoosh को कैसे बनाया है.

स्पीड से जुड़ी ज़रूरी बातें: तेज़ी से काम करने वाली वेबसाइटों के लिए अहम तकनीकें में, कैटी और हुसैन ने आपकी साइट की परफ़ॉर्मेंस को बेहतर बनाने के लिए कुछ बेहतरीन तकनीकों के बारे में बताया है.

जैक ने केक गिरा दिया. Chrome DevSummit 2018 की प्लेलिस्ट में, कई और बेहतरीन वीडियो मौजूद हैं. इसलिए, इन्हें देखना न भूलें.

सदस्यता लें

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

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