- Chrome 62 सैद्धांतिक नतीजों के बजाय, असल परफ़ॉर्मेंस मेट्रिक देकर नेटवर्क जानकारी एपीआई को ज़्यादा काम का बनाता है.
- OpenType वैरिएबल फ़ॉन्ट की सुविधा अब उपलब्ध हो गई है.
- आपके पास एचटीएमएल मीडिया एलिमेंट से मीडिया स्ट्रीम कैप्चर करने का विकल्प होता है.
- मुझे एक ज़रूरी बदलाव के बारे में एक खास रिमाइंडर मिला है. यह बदलाव Chrome 62 के लिए किया जा रहा है.
इनके अलावा और भी बहुत कुछ है!
मेरा नाम पीट लेपेज है. आइए, विस्तार से जानें और देखें कि Chrome 62 में डेवलपर के लिए नया क्या है!
क्या आपको बदलावों की पूरी सूची चाहिए? Chromium सोर्स का डेटा स्टोर करने की जगह में बदलाव की सूची देखें.
नेटवर्क क्वालिटी इंडिकेटर
Network Information API, Chrome में कुछ समय से उपलब्ध है. हालांकि, यह उपयोगकर्ता के कनेक्शन के आधार पर, सिर्फ़ सैद्धांतिक नेटवर्क की स्पीड बताता है. मान लें कि आप वाई-फ़ाई पर हैं, लेकिन ऐसे मोबाइल हॉटस्पॉट से कनेक्ट हैं जिसमें सिर्फ़ 2G स्पीड है? एपीआई, वाई-फ़ाई की रिपोर्ट करेगा!
console.log(navigator.connection.type);
> wifi
Chrome 62 में, क्लाइंट से असल नेटवर्क परफ़ॉर्मेंस मेट्रिक उपलब्ध कराने के लिए एपीआई को बड़ा किया गया है. नेटवर्क क्वालिटी के इन सिग्नल का इस्तेमाल करके, कॉन्टेंट को नेटवर्क के हिसाब से बनाया जा सकता है. उदाहरण के लिए, बहुत धीमे कनेक्शन पर, आप कम वर्शन दिखाकर पेज लोड करने की परफ़ॉर्मेंस को बेहतर बना सकते हैं.
आपके ऐप्लिकेशन के तर्क को आसान बनाने के लिए, एपीआई नेटवर्क की मापी गई परफ़ॉर्मेंस को इस आधार पर दिखाता है कि
यह मोबाइल इंटरनेट कनेक्शन से किस तरह तुलना करेगा. उदाहरण के लिए, बहुत तेज़ फ़ाइबर कनेक्शन से कनेक्ट होने पर, एपीआई 4G
रिपोर्ट करेगा.
console.log(navigator.connection.effectiveType);
> 4G
ये सिग्नल, एचटीटीपी अनुरोध के हेडर के तौर पर भी उपलब्ध होंगे और क्लाइंट संकेत की मदद से चालू किए जाएंगे. सैंपल देखें और ज़्यादा जानकारी के लिए spec देखें.
OpenType वैरिएबल फ़ॉन्ट
पहले, एक फ़ॉन्ट में फ़ॉन्ट फ़ैमिली का सिर्फ़ एक इंस्टेंस होता था. उदाहरण के लिए, एक वज़न या एक स्ट्रेच. अगर आपको सामान्य, बोल्ड, और इटैलिक टेक्स्ट चाहिए, तो आपको अपने पेज का वज़न बढ़ाकर, तीन अलग-अलग फ़ॉन्ट शामिल करने होंगे.
OpenType वैरिएबल फ़ॉन्ट, एक से ज़्यादा अलग-अलग फ़ॉन्ट के बराबर होता है. इसे
एक ही फ़ॉन्ट फ़ाइल में कंप्रेस किया जा सकता है. font-variation-settings
सीएसएस प्रॉपर्टी, स्ट्रैच, स्टाइल, वज़न वगैरह में बदलाव करके, इसमें आसानी से बदलाव किया जा सकता है.
इससे स्टाइल के कई वैरिएशन मिलते हैं. इन तीन फ़ॉन्ट को अब
एक छोटी, एक छोटी फ़ाइल में जोड़ा जा सकता है.
.heading {
font-family: "Avenir Next Variable";
font-size: 48px;
font-variation-settings: 'wght' 700, 'wdth' 75;
}
.content {
font-family: "Avenir Next Variable";
font-size: 24px;
font-variation-settings: 'wght' 400;
}
OpenType वैरिएबल फ़ॉन्ट हमें प्रतिक्रियाशील टाइपोग्राफ़ी बनाने और हमारे पेज का वज़न कम करने के लिए एक नया ताकतवर टूल देते हैं. ज़्यादा जानकारी के लिए जॉन हडसन के पेश है OpenType वैरिएबल फ़ॉन्ट देखें.
डीओएम एलिमेंट से मीडिया कैप्चर किया गया
अब आपके पास सीधे HTMLMediaElements
से, DOM Elements API से मीडिया कैप्चर की मदद से, लाइव कैप्चर करने का विकल्प है.MediaStream
किसी एचटीएमएल मीडिया एलिमेंट पर captureStream()
को शुरू करने के बाद, स्ट्रीम किए गए कॉन्टेंट में बदलाव किया जा सकता है, उसे प्रोसेस किया जा सकता है, कहीं से भी भेजा जा सकता है या रिकॉर्ड किया जा सकता है. ज़रा सोचिए कि वेब ऑडियो
का इस्तेमाल करके अपना इक्वलाइज़र या वोकोडर बनाएं. या WebRTC का इस्तेमाल करके, कॉन्टेंट को किसी रिमोट साइट पर स्ट्रीम करें. इसका इस्तेमाल कई तरह से किया जा सकता है.
कुछ एचटीटीपी पेजों के लिए सुरक्षित लेबल नहीं
जैसा कि हमने पहले एलान किया था कि Chrome 62 से, जब कोई उपयोगकर्ता किसी एचटीटीपी पेज पर डेटा डालेगा, तो Chrome, पेज को पता बार में एक लेबल के साथ "सुरक्षित नहीं है" के तौर पर मार्क करेगा. यह लेबल सभी एचटीटीपी पेजों के लिए गुप्त मोड में भी दिखाया जाएगा.
और ज़्यादा!
डेवलपर के लिए Chrome 62 में किए गए ये कुछ बदलाव हैं, बेशक, और भी बहुत से बदलाव हैं.
- Payment अनुरोध API अब iOS के लिए Chrome पर उपलब्ध है.
- WebVR ऑरिजिन ट्रायल की मदद से प्रयोग के तौर पर बेहतर वीआर अनुभव बनाना शुरू किया जा सकता है.
इसके बाद, हमारे YouTube चैनल की सदस्यता लें. जब भी हम कोई नया वीडियो लॉन्च करेंगे, तब आपको ईमेल से इसकी सूचना मिलेगी.
मैं हूं पीट लेपेज और Chrome 63 के रिलीज़ होते ही, मैं आपको बताऊंगी -- Chrome में नया क्या है!