- प्रोग्रेसिव वेब ऐप्लिकेशन, डेस्कटॉप पर उपलब्ध होंगे
- जेनरिक सेंसर एपीआई की मदद से, डिवाइस के सेंसर को ऐक्सेस करना बहुत आसान हो जाता है. जैसे, एक्सलरोमीटर, जाइरोस्कोप वगैरह.
- साथ ही,
BigIntकी मदद से, बड़ी संख्याओं को आसानी से मैनेज किया जा सकता है.
इसके अलावा, और भी बहुत कुछ है!
मेरा नाम पीट लेपेज है. आइए, जानें कि Chrome 67 में डेवलपर के लिए क्या नया है!
क्या आपको बदलावों की पूरी सूची चाहिए? Chromium सोर्स रिपॉज़िटरी में हुए बदलावों की सूची देखें.
डेस्कटॉप के लिए PWA
डेस्कटॉप के लिए प्रोग्रेसिव वेब ऐप्लिकेशन, अब ChromeOS 67 पर काम करते हैं. हमने Mac और Windows के लिए भी इस सुविधा पर काम करना शुरू कर दिया है. इंस्टॉल होने के बाद, ये ऐप्लिकेशन अन्य ऐप्लिकेशन की तरह ही लॉन्च किए जाते हैं. साथ ही, ये ऐप्लिकेशन किसी ऐप्लिकेशन विंडो में चलते हैं. इसमें कोई पता बार या टैब नहीं होता. सर्विस वर्कर यह पक्का करते हैं कि वे तेज़ और भरोसेमंद हों. साथ ही, ऐप्लिकेशन विंडो का अनुभव उन्हें इंटिग्रेटेड महसूस कराता है. साथ ही, इनसे आपके उपयोगकर्ताओं को दिलचस्प अनुभव मिलता है.
शुरू करने का तरीका, आज के समय में पहले से किए जा रहे काम से अलग नहीं है. आपने अपने मौजूदा प्रगतिशील वेब ऐप्लिकेशन के लिए जो भी काम किया है वह अब भी लागू है. आपको बस कुछ अतिरिक्त ब्रेक पॉइंट पर ध्यान देने की ज़रूरत है.
अगर आपका ऐप्लिकेशन, PWA की स्टैंडर्ड शर्तों को पूरा करता है, तो Chrome beforeinstallprompt इवेंट को ट्रिगर करेगा. हालांकि, यह उपयोगकर्ता को अपने-आप प्रॉम्प्ट नहीं करेगा. इसके बजाय, इवेंट सेव करें. इसके बाद, अपने ऐप्लिकेशन में कुछ यूज़र इंटरफ़ेस (यूआई) जोड़ें. जैसे, ऐप्लिकेशन इंस्टॉल करने का बटन. इससे उपयोगकर्ता को पता चलेगा कि आपका ऐप्लिकेशन इंस्टॉल किया जा सकता है. इसके बाद, जब उपयोगकर्ता बटन पर क्लिक करता है, तो सेव किए गए इवेंट पर कॉल प्रॉम्प्ट दिखता है. इसके बाद, Chrome उपयोगकर्ता को प्रॉम्प्ट दिखाएगा. अगर वे 'जोड़ें' पर क्लिक करते हैं, तो Chrome आपके PWA को उनकी शेल्फ़ और लॉन्चर में जोड़ देगा.
Google I/O में हुई मेरी बातचीत देखें. इसमें जेनी और मैंने, डेस्कटॉप के लिए प्रोग्रेसिव वेब ऐप्लिकेशन बनाते समय, तकनीकी और डिज़ाइन से जुड़ी उन बातों के बारे में बताया है जिन पर आपको ध्यान देना चाहिए.
अगर आपको Mac या Windows पर इस सुविधा का इस्तेमाल करना है, तो डेस्कटॉप के लिए प्रगतिशील वेब ऐप्लिकेशन पोस्ट पढ़ें. इसमें, फ़्लैग की मदद से इस सुविधा को चालू करने का तरीका बताया गया है.
Generic Sensor API
सेंसर डेटा का इस्तेमाल कई ऐप्लिकेशन में किया जाता है. इससे बेहतर गेमिंग, फ़िटनेस ट्रैकिंग, और ऑगमेंटेड या वर्चुअल रिएलिटी जैसी सुविधाएं मिलती हैं. यह डेटा अब Generic Sensor API का इस्तेमाल करने वाले वेब ऐप्लिकेशन के लिए उपलब्ध है.
एपीआई में एक बुनियादी सेंसर इंटरफ़ेस होता है, जिसमें सबसे ऊपर कंक्रीट सेंसर क्लास का एक सेट होता है. बेस इंटरफ़ेस होने से, सेंसर की अलग-अलग क्लास को लागू करने और उनके बारे में जानकारी देने की प्रोसेस आसान हो जाती है. उदाहरण के लिए, जाइरोस्कोप क्लास बहुत छोटी है!
const sensor = new Gyroscope({frequency: 500});
sensor.start();
sensor.onreading = () => {
console.log("X-axis " + sensor.x);
console.log("Y-axis " + sensor.y);
console.log("Z-axis " + sensor.z);
};
मुख्य फ़ंक्शन, बेस इंटरफ़ेस से तय होता है. वहीं, Gyroscope सिर्फ़ कोणीय वेग दिखाने वाले तीन एट्रिब्यूट के साथ इसे बढ़ाता है. Chrome 67, एक्सलरोमीटर, जाइरोस्कोप, ओरिएंटेशन सेंसर, और मोशन सेंसर के साथ काम करता है.
Intel ने जेनरिक सेंसर एपीआई के कई डेमो और सैंपल कोड को एक साथ रखा है. साथ ही, सितंबर में पोस्ट की गई वेब के लिए सेंसर! पोस्ट को अपडेट किया है. इसमें आपको ज़रूरी जानकारी मिलेगी.
BigInt सेकंड
BigInt, JavaScript में एक नया अंकों वाला प्राइमिटिव है. यह पूर्णांकों को अपनी पसंद के हिसाब से सटीक तरीके से दिखा सकता है. JavaScript में, बड़े पूर्णांक आईडी और सटीक टाइमस्टैंप को Numbers के तौर पर सुरक्षित तरीके से नहीं दिखाया जा सकता. इस वजह से, अक्सर असल दुनिया में गड़बड़ियां होती हैं. इसलिए, हम अक्सर ऐसी संख्याओं को स्ट्रिंग के तौर पर दिखाते हैं.
let max = Number.MAX_SAFE_INTEGER;
// → 9_007_199_254_740_991
max = max + 1;
// → 9_007_199_254_740_992 - Yay!
max = max + 1;
// → 9_007_199_254_740_992 - Uh, no?
BigInts की मदद से, हम पूरी सुरक्षा के साथ पूर्णांक को स्टोर कर सकते हैं और ओवरफ़्लो किए बिना, पूर्णांक के हिसाब-किताब की प्रोसेस कर सकते हैं. फ़िलहाल, बड़ी संख्याओं के साथ काम करने के लिए, आम तौर पर हमें ऐसी लाइब्रेरी का इस्तेमाल करना पड़ता है जो BigInt जैसी सुविधाओं को एमुलेट करती हो.
let max = BigInt(Number.MAX_SAFE_INTEGER);
// → 9_007_199_254_740_991n
max = max + 9n;
// → 9_007_199_254_741_000n - Yay!
जब BigInt सभी के लिए उपलब्ध हो जाएगा, तब हम नेटिव BigInts के लिए, इन रन-टाइम डिपेंडेंसी को हटा पाएंगे. नेटिव तरीके से लागू करने पर, कॉन्टेंट लोड होने में लगने वाला समय, पार्स होने में लगने वाला समय, और कॉन्टेंट को कंपाइल होने में लगने वाला समय कम हो जाएगा. ऐसा इसलिए, क्योंकि हमें उन अतिरिक्त लाइब्रेरी को लोड नहीं करना पड़ेगा.
और भी कई सुविधाएं!
डेवलपर के लिए, Chrome 67 में ये सिर्फ़ कुछ बदलाव हैं. इसमें और भी कई बदलाव हैं.
Credential Management API, Chrome 51 से काम करता है. यह क्रेडेंशियल बनाने, उन्हें वापस पाने, और उन्हें सेव करने के लिए फ़्रेमवर्क उपलब्ध कराता है. ऐसा करने के लिए, दो तरह के क्रेडेंशियल का इस्तेमाल किया गया: PasswordCredential और FederatedCredential. वेब पुष्टि करने वाला एपीआई, PublicKeyCredential नाम का तीसरा क्रेडेंशियल टाइप जोड़ता है. इसकी मदद से, ब्राउज़र किसी उपयोगकर्ता की पुष्टि, पुष्टि करने वाले किसी डिवाइस से जनरेट किए गए निजी/सार्वजनिक पासकोड के ज़रिए कर सकते हैं. जैसे, सुरक्षा पासकोड, फ़िंगरप्रिंट रीडर या उपयोगकर्ता की पुष्टि करने वाला कोई अन्य डिवाइस. Chrome 67, डेस्कटॉप पर यूएसबी ट्रांसपोर्ट के ज़रिए U2F/CTAP 1 पुष्टि करने वाले एजेंट का इस्तेमाल करके, एपीआई को चालू करता है.
इस बारे में ज़्यादा जानने के लिए, एइजी की WebAuthn की मदद से, बेहतर तरीके से पुष्टि करने की सुविधा चालू करना पोस्ट पढ़ें.
Google I/O का समापन
अगर आपने I/O में हिस्सा नहीं लिया है या आपने वेब से जुड़ी सभी बातचीत नहीं देखी है, तो Google I/O से जुड़ी सभी नई जानकारी पाने के लिए, Chrome और वेब प्लेलिस्ट देखें!
DevTools में नई सुविधाएं
Chrome 67 में DevTools के लिए जो नई सुविधाएं जोड़ी गई हैं, उनके बारे में जानने के लिए Chrome DevTools में नई सुविधाएं देखें.
सदस्यता लें
इसके बाद, हमारे YouTube चैनल पर सदस्यता लें बटन पर क्लिक करें. ऐसा करने पर, जब भी हम कोई नया वीडियो लॉन्च करेंगे, तो आपको ईमेल से सूचना मिलेगी.
मेरा नाम पीट लेपेज है. Chrome 68 के रिलीज़ होने के बाद, मैं आपको बताऊंगा कि Chrome में नया क्या है!