Chrome 89 को अब स्टेबल चैनल के लिए रोल आउट किया जा रहा है.
यहां कुछ ज़रूरी जानकारी दी गई है:
- WebHID, WebNFC, और Web Serial, ऑरिजिन ट्रायल से बाहर आ गए हैं. अब ये स्टेबल वर्शन में उपलब्ध हैं.
- हम एक ऐसी खामी को ठीक कर रहे हैं जिसका इस्तेमाल कुछ डेवलपर, PWA इंस्टॉल करने की स्थिति की जांच से बचने के लिए करते थे.
- Web Share और Web Share Target अब डेस्कटॉप पर भी उपलब्ध हैं.
- इसके अलावा, और भी कई सुविधाएं उपलब्ध हैं.
मैं पीट लेपेज हूं. मैं घर से काम कर रहा हूं और वीडियो बना रहा हूं. आइए, Chrome 89 में डेवलपर के लिए उपलब्ध नई सुविधाओं के बारे में जानें!
WebHID, WebNFC, और Web Serial
मुझे WebHID, WebNFC, और Web Serial के बारे में जानकर बहुत खुशी हुई. ये उपयोगकर्ताओं के लिए नए-नए सिनेरियो खोलते हैं. पहले ऐसा कभी नहीं हुआ. साथ ही, ये असली दुनिया के हार्डवेयर के साथ इंटरैक्ट करते हैं.
इनसे, क्रिएटर्स को मज़ेदार और अनोखे हार्डवेयर और वीडियो कॉन्फ़्रेंसिंग ऐप्लिकेशन से कनेक्ट करने की सुविधा मिलती है. इससे वे खास स्पीकर पर मौजूद टेलीफ़ोनी बटन का इस्तेमाल कर पाते हैं. या इस्तेमाल के किसी अन्य उदाहरण के लिए.
Web Serial और करीब 60 लाइनों के कोड का इस्तेमाल करके, @AndreBan ने एक ऐसा पेज बनाया है जो Raspberry Pi Pico पर MicroPython REPL के साथ इंटरैक्ट कर सकता है. Espruino भी Web Serial का इस्तेमाल अपने वेब आधारित आईडीई में करता है.
CDS 2019 में, फ़्रांस्वा ने Web NFC का इस्तेमाल करके, मेमोरी स्टाइल वाला एक मज़ेदार गेम बनाया था. आपको फ़ोन को दाईं ओर मौजूद कार्ड पर सही क्रम में टैप करना था.
मेरा पसंदीदा उदाहरण, @bramus का है. उन्होंने WebHID का इस्तेमाल करके StreamDeck को कनेक्ट किया और Daft Punk ड्रम पैड बनाया. अगर आपके पास StreamDeck नहीं है, तो YouTube पर उसका डेमो वीडियो देखें. साथ ही, GitHub पर कोड देखें.
आपकी साइट आपके हार्डवेयर से इंटरैक्ट करती है या आपका हार्डवेयर कई साइटों से इंटरैक्ट कर सकता है. इससे लोगों को फ़ायदा होता है, क्योंकि उन्हें खास ड्राइवर या सॉफ़्टवेयर इंस्टॉल करने की ज़रूरत नहीं पड़ती.
कनेक्ट किए जा सकने वाले कुछ डिवाइसों के बारे में ज़्यादा जानने के लिए, web.dev/devices पर जाएं. इसके अलावा, WebHID, WebNFC, और Web Serial के लिए, शुरुआत करने से जुड़ी गाइड देखें.
PWA इंस्टॉल करने से जुड़ी शर्तों में बदलाव
ऑफ़लाइन मोड में काम करने की सुविधा, प्रोग्रेसिव वेब ऐप्लिकेशन के लिए ज़रूरी शर्तों का अहम हिस्सा रही है. यह सुविधा, ऐप्लिकेशन को इंस्टॉल करने की सुविधा के लिए शुरुआत से ही ज़रूरी रही है. अन्य इंस्टॉल किए गए ऐप्लिकेशन की तरह, उपयोगकर्ता चाहते हैं कि यह ऐप्लिकेशन भी भरोसेमंद तरीके से काम करे. यह तेज़ी से लोड होना चाहिए. साथ ही, उन्हें कभी भी ऑफ़लाइन डायनो नहीं दिखना चाहिए!
इस साल के आखिर तक, हम एक ऐसी खामी को ठीक करने का प्लान बना रहे हैं जिसकी वजह से कुछ साइटें, ऑफ़लाइन अनुभव के बिना भी इंस्टॉल किए जा सकने की ज़रूरी शर्तें पूरी कर पाती हैं. अगर आपके PWA में ऑफ़लाइन मोड की सुविधा पहले से मौजूद है, तो आपको कुछ और करने की ज़रूरत नहीं है. आपको कुछ करने की ज़रूरत नहीं है. हालांकि, अगर आपने अब तक कोई तरीका नहीं जोड़ा है, तो अब जोड़ लें!
Chrome 89 से, अगर आपका PWA ऑफ़लाइन होने पर मान्य जवाब नहीं देता है, तो आपको DevTools में 'समस्याएं' टैब में चेतावनी दिखेगी. साथ ही, Lighthouse से पता चलेगा कि कोई समस्या है. इस नीति का उल्लंघन करने पर, Chrome 93 में इस साल के आखिर तक कार्रवाई की जाएगी.
आपके पास यह तय करने का विकल्प होता है कि आपको किस तरह का ऑफ़लाइन अनुभव देना है. हमारा सुझाव है कि आप अपने अनुभव के बारे में ज़्यादा से ज़्यादा जानकारी दें. हालांकि, कम से कम ऑफ़लाइन फ़ॉलबैक पेज होना चाहिए.
इस बदलाव के बारे में ज़्यादा जानकारी और हम इसे क्यों कर रहे हैं, यह जानने के लिए प्रोग्रेसिव वेब ऐप्लिकेशन में ऑफ़लाइन सहायता की सुविधा का पता लगाने की प्रोसेस को बेहतर बनाना लेख पढ़ें.
अगर आपको नहीं पता कि कहां से शुरू करना है, तो Workbox देखें. इसमें लाइब्रेरी का एक सेट होता है. इसकी मदद से, आपके PWA के लिए प्रोडक्शन-रेडी सर्विस वर्कर को चालू किया जा सकता है. इसके अलावा, अगर आपको आसान ऑफ़लाइन फ़ॉलबैक पेज बनाना है, तो ऑफ़लाइन फ़ॉलबैक पेज बनाना लेख में वह सारा कोड दिया गया है जिसकी आपको ज़रूरत है. इसे सीधे अपनी साइट पर कॉपी करके चिपकाया जा सकता है.
डेस्कटॉप के लिए वेब शेयर और वेब शेयर टारगेट
अगर आपकी साइट पर लोगों को फ़ाइलें बनाने, उनमें बदलाव करने या उनसे इंटरैक्ट करने की अनुमति है, तो आपको Web Share और Web Share Target API का इस्तेमाल करना चाहिए. ये एपीआई, मोबाइल पर कुछ समय से उपलब्ध हैं. हालांकि, अब ये ChromeOS और Windows पर भी काम करते हैं.
Web Share की मदद से, उपयोगकर्ता अपने डिवाइस पर इंस्टॉल किए गए दूसरे ऐप्लिकेशन पर फ़ाइलें या डेटा भेज सकते हैं. उदाहरण के लिए, Google Photos से Twitter पर कोई फ़ोटो शेयर करना.
async function share(title, text, url) {
try {
await navigator.share({title, text, url});
return true;
} catch (ex) {
console.error('Share failed', ex);
return false;
}
}
अगर आपको टारगेट के तौर पर रजिस्टर करना है, ताकि दूसरे ऐप्लिकेशन आपके साथ फ़ाइलें या डेटा शेयर कर सकें, तो आपको Web Share Target API का इस्तेमाल करना होगा.
"share_target": {
"action": "/?share-target",
"method": "POST",
"enctype": "multipart/form-data",
"params": {
"files": [
{
"name": "file",
"accept": ["image/*"],
},
],
},
},
शुरू करने से जुड़ी गाइड के लिए, Web Share API की मदद से, ओएस के शेयरिंग यूज़र इंटरफ़ेस (यूआई) के साथ इंटिग्रेट करना और Web Share Target API की मदद से, शेयर किया गया डेटा पाना लेख पढ़ें.
अन्य डेटा
इसके अलावा, और भी कई सुविधाएं उपलब्ध हैं.
Chrome अब JavaScript मॉड्यूल में टॉप लेवल await की अनुमति देता है.
उपयोगकर्ताओं के बीच भ्रम को कम करने के लिए, हमने इंस्टॉल किए जा सकने वाले PWA के लिए, खोज वाली पट्टी में दिखने वाले आइकॉन को अपडेट किया है.
अगर आपने ChromeOS के लिए Play Store में अपना PWA उपलब्ध कराने के लिए, भरोसेमंद वेब गतिविधि का इस्तेमाल किया है, तो Digital Goods API के ऑरिजिन ट्रायल के लिए साइन अप किया जा सकता है.
इस बारे में और पढ़ें
इसमें सिर्फ़ कुछ मुख्य हाइलाइट शामिल हैं. Chrome 89 में हुए अन्य बदलावों के बारे में जानने के लिए, यहां दिए गए लिंक देखें.
- Chrome DevTools (89) में नया क्या है
- Chrome 89 में बंद की गई और हटाई गई सुविधाएं
- Chrome 88 के लिए ChromeStatus.com के अपडेट
- Chrome 88 में JavaScript से जुड़ी नई सुविधाएं
- Chromium सोर्स रिपॉज़िटरी में किए गए बदलावों की सूची
सदस्यता लें
अगर आपको हमारे वीडियो के बारे में अप-टू-डेट रहना है, तो सदस्यता लें. इसके लिए, Chrome Developers YouTube चैनल पर जाएं. ऐसा करने पर, जब भी हम कोई नया वीडियो लॉन्च करेंगे, तब आपको ईमेल से सूचना मिलेगी.
मैं पीट लेपेज हूं. Chrome 90 के रिलीज़ होते ही, मैं आपको यहां बताऊंगा कि Chrome में नया क्या है!
क्रेडिट
Raspberry Pi और Arduino की फ़ोटो, Unsplash पर हैरिसन ब्रॉडबेंट ने ली हैं