- प्रोग्रेसिव वेब ऐप्लिकेशन अब डेस्कटॉप पर उपलब्ध होंगे
- जेनरिक सेंसर एपीआई की मदद से, एक्सलरोमीटर, जाइरोस्कोप वगैरह जैसे डिवाइस के सेंसर को आसानी से ऐक्सेस किया जा सकता है.
- साथ ही,
BigIntबड़े पूर्णांकों को इस्तेमाल करना आसान बना देता है.
इनके अलावा और भी बहुत कुछ है!
मेरा नाम पीट लेपेज है. आइए, विस्तार से जानें और देखें कि Chrome 67 में डेवलपर के लिए नया क्या है!
क्या आपको बदलावों की पूरी सूची चाहिए? Chromium सोर्स का डेटा स्टोर करने की जगह में बदलाव की सूची देखें.
डेस्कटॉप PWA
डेस्कटॉप प्रोग्रेसिव वेब ऐप्लिकेशन अब ChromeOS 67 पर काम करते हैं. साथ ही, हमने Mac और Windows पर काम करना पहले से ही शुरू कर दिया है. इंस्टॉल हो जाने के बाद, वे दूसरे ऐप्लिकेशन की तरह ही लॉन्च किए जाते हैं और बिना पता बार या टैब के ऐप्लिकेशन विंडो में चलते हैं. सर्विस वर्कर, यह पक्का करते हैं कि वे तेज़ी से काम करें और ऐप्लिकेशन विंडो का अनुभव उन्हें एक-दूसरे से जोड़े रखें. और वे आपके उपयोगकर्ताओं को दिलचस्प अनुभव देते हैं.
जो आप आज कर रहे हैं, शुरू करना उससे कोई अलग नहीं है. आपके मौजूदा प्रोग्रेसिव वेब ऐप्लिकेशन पर किए गए आपके सारे काम अब भी लागू होते हैं. आपको बस कुछ अतिरिक्त ब्रेक पॉइंट को ध्यान में रखना होगा.
अगर आपका ऐप्लिकेशन,
PWA की ज़रूरी शर्तें पूरी करता है, तो Chrome beforeinstallprompt इवेंट ट्रिगर करेगा. हालांकि, यह उपयोगकर्ता को अपने-आप अनुरोध नहीं दिखाएगा. इसके बजाय, इवेंट को सेव करें. इसके बाद, ऐप्लिकेशन में कुछ यूज़र इंटरफ़ेस (यूआई) जोड़ें, जैसे कि 'ऐप्लिकेशन इंस्टॉल करें' बटन. इससे लोगों को पता चलता है कि आपका ऐप्लिकेशन इंस्टॉल किया जा सकता है. इसके बाद, जब उपयोगकर्ता बटन पर क्लिक करेगा, तो सेव किए गए इवेंट
पर कॉल प्रॉम्प्ट होगा. इसके बाद, Chrome उपयोगकर्ता को यह प्रॉम्प्ट दिखाएगा. अगर उपयोगकर्ता
'जोड़ें' पर क्लिक करता है, तो Chrome आपके PWA को अपनी शेल्फ़ और लॉन्चर में जोड़ देगा.
मेरा Google I/O टॉक देखें जहां जेनी और मैंने डिज़ाइन से जुड़ी उन तकनीकी और खास बातों के बारे में विस्तार से चर्चा की है जिनका डेस्कटॉप प्रोग्रेसिव वेब ऐप्लिकेशन बनाते समय ध्यान रखना ज़रूरी है.
अगर आपको इसे Mac या Windows पर चलाना है, तो फ़्लैग के साथ सहायता चालू करने का तरीका जानने के लिए, डेस्कटॉप प्रोग्रेसिव वेब ऐप्लिकेशन पोस्ट देखें.
जेनरिक सेंसर एपीआई
कई ऐप्लिकेशन में सेंसर डेटा का इस्तेमाल किया जाता है, ताकि इमर्सिव गेमिंग, फ़िटनेस ट्रैकिंग, और ऑगमेंटेड या वर्चुअल रिएलिटी जैसे अनुभव को बेहतर बनाया जा सके. यह डेटा अब जेनेरिक सेंसर एपीआई का इस्तेमाल करने वाले वेब ऐप्लिकेशन के लिए उपलब्ध है.
इस एपीआई में एक बेस सेंसर इंटरफ़ेस होता है. इसमें कंक्रीट सेंसर क्लास का सेट, सबसे ऊपर बनाया जाता है. बेस इंटरफ़ेस होने से, कंक्रीट सेंसर क्लास के लिए इसे लागू करने और खास तौर पर तय की जाने वाली प्रोसेस आसान हो जाती है. उदाहरण के लिए, जाइरोस्कोप क्लास बहुत छोटी है!
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);
};
मुख्य फ़ंक्शन, बेस इंटरफ़ेस से तय होता है और जाइरोस्कोप, इसे सिर्फ़ तीन एट्रिब्यूट के साथ एक्सट्रैक्ट करता है, जो कोणीय वेग का प्रतिनिधित्व करते हैं. 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?
BigInt की मदद से, हम सीमा से बाहर निकले बिना पूर्णांक अंकगणित को सुरक्षित तरीके से सेव कर सकते हैं और परफ़ॉर्म कर सकते हैं. आज, बड़े पूर्णांकों के साथ काम करने का मतलब है कि हमें ऐसी लाइब्रेरी का इस्तेमाल करना होगा जो 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 में किए गए ये कुछ बदलाव हैं, बेशक, और भी बहुत से बदलाव हैं.
क्रेडेंशियल मैनेजमेंट एपीआई, Chrome 51 के बाद से ही काम कर रहा है. यह क्रेडेंशियल बनाने, वापस पाने, और स्टोर करने के लिए एक फ़्रेमवर्क उपलब्ध कराता है. ऐसा करने के लिए, क्रेडेंशियल
दो तरह के क्रेडेंशियल इस्तेमाल किए गए: PasswordCredential और FederatedCredential. वेब की पुष्टि करने वाला एपीआई एक तीसरा
क्रेडेंशियल टाइप, PublicKeyCredential जोड़ता है. इसकी मदद से, ब्राउज़र पुष्टि करने वाले टूल से जनरेट किए गए निजी/सार्वजनिक कुंजी के जोड़े के ज़रिए उपयोगकर्ता की पुष्टि कर सकते हैं.
जैसे, सुरक्षा कुंजी, फ़िंगरप्रिंट रीडर या ऐसा कोई भी डिवाइस जो
उपयोगकर्ता की पुष्टि कर सकता है. Chrome 67, डेस्कटॉप पर यूएसबी ट्रांसपोर्ट पर, U2F/CTAP 1 पुष्टि करने वाले टूल का इस्तेमाल करके, एपीआई को चालू करता है.
इस बारे में ज़्यादा जानने के लिए, Eiji की WebAuthn की मदद से बेहतर तरीके से पुष्टि करने की सुविधा चालू करना पोस्ट देखें.
Google I/O पूरा हो गया
अगर आप I/O से नहीं जुड़े हैं या आपने ऐसा किया है, लेकिन सभी वेब बातचीत नहीं देखीं, तो Google I/O से सभी नए अपडेट पाने के लिए Chrome और वेब प्लेलिस्ट देखें!
DevTools में नया है
Chrome DevTools में नया देखना न भूलें. इससे, आपको यह जानने में मदद मिलेगी कि Chrome 67 में DevTools के लिए नया क्या है.
सदस्यता लें
इसके बाद, हमारे YouTube चैनल पर सदस्यता लें बटन पर क्लिक करें. जब भी हम नया वीडियो लॉन्च करेंगे, तब आपको ईमेल से सूचना दी जाएगी.
मैं हूं पीट लेपेज और Chrome 68 के रिलीज़ होते ही, मैं आपको बताऊंगी -- Chrome में नया क्या है!