Chrome 89 को अब स्टेबल वर्शन के तौर पर रोल आउट किया जा रहा है.
यहां आपके जानने योग्य तथ्य दिए गए हैं:
- WebHID, WebNFC, और Web Serial को अब स्टैबल वर्शन में उपलब्ध कराने के लिए, ऑरिजिन ट्रायल की प्रोसेस पूरी हो गई है.
- हम एक ऐसी गड़बड़ी को ठीक कर रहे हैं जिसका इस्तेमाल कुछ डेवलपर, PWA के इंस्टॉल होने की जांच से बचने के लिए करते थे.
- वेब शेयर और वेब शेयर टारगेट की सुविधा, डेस्कटॉप पर उपलब्ध हो गई है.
- इसके अलावा, और भी बहुत कुछ है.
नमस्ते, मैं पीट लेपेज हूं. फ़िलहाल, मैं घर से काम कर रहा हूं और वीडियो रिकॉर्ड कर रहा हूं. आइए, Chrome 89 में डेवलपर के लिए उपलब्ध नई सुविधाओं के बारे में जानें!
WebHID, WebNFC, और Web Serial
मुझे WebHID, WebNFC, और Web Serial के बारे में जानकर बहुत खुशी हुई. ये उपयोगकर्ताओं के लिए ऐसी नई स्थितियां बनाते हैं जो पहले कभी संभव नहीं थीं. ये असल दुनिया के हार्डवेयर के साथ इंटरैक्ट करते हैं.
इनकी मदद से, क्रिएटर्स मज़ेदार और अलग तरह के हार्डवेयर और वीडियो कॉन्फ़्रेंसिंग ऐप्लिकेशन से कनेक्ट कर सकते हैं. इससे, वे खास स्पीकर पर मौजूद टेलीफ़ोन बटन का इस्तेमाल कर सकते हैं. इसके अलावा, इस्तेमाल के कई अन्य उदाहरण भी हो सकते हैं.
@AndreBan ने वेब सीरियल और लगभग 60 लाइनों के कोड का इस्तेमाल करके, एक ऐसा पेज बनाया है जो Raspberry Pi Pico पर MicroPython REPL के साथ इंटरैक्ट कर सकता है. Espruino अपने वेब-आधारित IDE में भी वेब सीरियल का इस्तेमाल करता है.
सीडीएस 2019 में, फ़्रांकोइस ने वेब एनएफ़सी का इस्तेमाल करके, मज़ेदार और याददाश्त बढ़ाने वाला गेम बनाया. आपको फ़ोन को सही क्रम में, सही कार्ड पर टैप करना था.
मेरे पसंदीदा क्रिएटर @bramus ने StreamDeck से कनेक्ट करने के लिए, WebHID का इस्तेमाल किया. इससे उन्होंने Daft Punk ड्रम पैड बनाया. अगर आपके पास StreamDeck नहीं है, तो YouTube पर उसका डेमो वीडियो देखें. साथ ही, GitHub पर कोड देखें.
भले ही, आपकी साइट आपके हार्डवेयर के साथ इंटरैक्ट करती हो या आपका हार्डवेयर कई साइटों के साथ इंटरैक्ट करता हो, इससे उपयोगकर्ताओं को फ़ायदा होता है. ऐसा इसलिए, क्योंकि उन्हें खास ड्राइवर या सॉफ़्टवेयर इंस्टॉल करने की ज़रूरत नहीं पड़ती.
web.dev/devices पर जाकर, उन डिवाइसों के बारे में ज़्यादा जानें जिनसे कनेक्ट किया जा सकता है. इसके अलावा, WebHID, WebNFC, और Web Serial के लिए, शुरुआत करने से जुड़ी गाइड देखें.
PWA के इंस्टॉल होने से जुड़ी शर्तों में बदलाव
शुरुआत से ही, इंस्टॉल किए जा सकने वाले प्रोग्रेसिव वेब ऐप्लिकेशन की ज़रूरी शर्तों में, ऑफ़लाइन काम करने की सुविधा को अहम हिस्सा माना गया है. इंस्टॉल किए गए अन्य ऐप्लिकेशन की तरह ही, उपयोगकर्ताओं को उम्मीद होती है कि यह ऐप्लिकेशन भरोसेमंद तरीके से काम करेगा. यह तेज़ी से काम करना चाहिए. साथ ही, उन्हें कभी भी ऑफ़लाइन डायनो नहीं दिखना चाहिए!
इस साल के आखिर तक, हम उस खामियों को ठीक कर देंगे जिसकी वजह से कुछ साइटों को ऑफ़लाइन अनुभव के बिना, ऐप्लिकेशन इंस्टॉल करने की ज़रूरी शर्तें पूरी करने की अनुमति मिली थी. अगर आपके PWA में पहले से ही ऑफ़लाइन वर्शन उपलब्ध है, तो आपको कुछ और करने की ज़रूरत नहीं है. आपको कुछ करने की ज़रूरत नहीं है. हालांकि, अगर आपने ऐसा नहीं किया है, तो अब समय आ गया है कि आप ऐसा करें!
Chrome 89 से, अगर आपका PWA ऑफ़लाइन होने पर मान्य जवाब नहीं देता है, तो आपको DevTools में 'समस्याएं' टैब में एक चेतावनी दिखेगी. साथ ही, Lighthouse से भी यह पता चलेगा कि कोई समस्या है. साथ ही, इस साल के आखिर में Chrome 93 में एनफ़ोर्समेंट शुरू हो जाएगा.
आपके पास यह तय करने का विकल्प होता है कि आपको किस तरह का ऑफ़लाइन अनुभव देना है. आम तौर पर, आपको अपने अनुभव के बारे में ज़्यादा से ज़्यादा जानकारी देनी चाहिए. हालांकि, कम से कम यह ऑफ़लाइन फ़ॉलबैक पेज जितना आसान हो सकता है.
इस बदलाव और हमने इसे क्यों किया है, इस बारे में ज़्यादा जानकारी पाने के लिए, प्रगतिशील वेब ऐप्लिकेशन के ऑफ़लाइन सहायता का पता लगाने की सुविधा को बेहतर बनाना लेख पढ़ें.
अगर आपको नहीं पता कि कहां से शुरू करें, तो Workbox देखें. इसमें लाइब्रेरी का एक सेट होता है, जो आपके PWA के लिए, प्रोडक्शन के लिए तैयार सर्विस वर्कर को बेहतर बना सकता है. इसके अलावा, आसान ऑफ़लाइन फ़ॉलबैक पेज के लिए, ऑफ़लाइन फ़ॉलबैक पेज बनाएं लेख में आपके लिए ज़रूरी सारा कोड मौजूद है. इसे सीधे अपनी साइट पर कॉपी करके चिपकाया जा सकता है.
डेस्कटॉप के लिए वेब शेयर और वेब शेयर टारगेट
अगर आपकी साइट पर उपयोगकर्ताओं को फ़ाइलें बनाने, उनमें बदलाव करने या उनसे इंटरैक्ट करने की अनुमति है, तो आपको वेब शेयर और वेब शेयर टारगेट एपीआई का इस्तेमाल करना चाहिए. ये एपीआई, मोबाइल पर कुछ समय से उपलब्ध हैं. हालांकि, अब ये ChromeOS और Windows पर भी काम करते हैं.
वेब शेयर की सुविधा की मदद से, उपयोगकर्ता अपने डिवाइस पर इंस्टॉल किए गए अन्य ऐप्लिकेशन में फ़ाइलें या डेटा भेज सकते हैं. उदाहरण के लिए, 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;
}
}
टारगेट के तौर पर रजिस्टर करने के लिए, आपको वेब शेयर टारगेट एपीआई का इस्तेमाल करना होगा, ताकि दूसरे ऐप्लिकेशन आपके साथ फ़ाइलें या डेटा शेयर कर सकें.
"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 पर हैरिसन ब्रॉडबेंट की है