Chrome 70 में, हमने इनके लिए सहायता जोड़ी है:
- Windows और Linux पर डेस्कटॉप प्रोग्रेसिव वेब ऐप्लिकेशन.
- क्रेडेंशियल मैनेजमेंट एपीआई, सार्वजनिक पासकोड क्रेडेंशियल के साथ काम करता है.
- अब आप कर्मचारियों को नाम दे सकते हैं!
इनके अलावा और भी बहुत कुछ है!
मेरा नाम पीट लेपेज है. आइए और जानें और देखें कि Chrome 70 में डेवलपर के लिए नया क्या है!
क्या आपको बदलावों की पूरी सूची चाहिए? Chromium सोर्स का डेटा स्टोर करने की जगह में बदलाव की सूची देखें.
Windows और Linux पर डेस्कटॉप प्रोग्रेसिव वेब ऐप्लिकेशन
उपयोगकर्ता अब Windows और Linux पर डेस्कटॉप प्रोग्रेसिव वेब ऐप्लिकेशन इंस्टॉल कर सकते हैं!
इंस्टॉल हो जाने के बाद, वे स्टार्ट मेन्यू से लॉन्च होते हैं और इंस्टॉल किए गए अन्य सभी ऐप्लिकेशन की तरह, बिना पता बार या टैब के चलते हैं. सर्विस वर्कर यह पक्का करते हैं कि वे तेज़ और भरोसेमंद तरीके से काम करें. ऐप्लिकेशन विंडो का अनुभव उन्हें इंस्टॉल किए गए किसी भी दूसरे ऐप्लिकेशन जैसा ही महसूस कराता है.
जो आप आज कर रहे हैं, शुरू करना उससे कोई अलग नहीं है.
आपके मौजूदा प्रोग्रेसिव वेब ऐप्लिकेशन के लिए, आपके सारे काम अब भी लागू होंगे!
अगर आपका ऐप्लिकेशन, PWA की स्टैंडर्ड शर्तें पूरी करता है, तो Chrome beforeinstallprompt इवेंट ट्रिगर करेगा. इवेंट को सेव करें और फिर
कुछ यूज़र इंटरफ़ेस (यूआई) जोड़ें
(जैसे कि ऐप्लिकेशन इंस्टॉल करें बटन) ताकि उपयोगकर्ता को यह बताया जा सके कि आपका ऐप्लिकेशन इंस्टॉल किया जा सकता है. इसके बाद,
जब उपयोगकर्ता बटन पर क्लिक करेगा, तो सेव किए गए इवेंट पर
prompt() को कॉल करें. इसके बाद, Chrome उपयोगकर्ता को यह प्रॉम्प्ट दिखाएगा. 'जोड़ें' पर क्लिक करने पर, Chrome आपके PWA को अपने स्टार्ट मेन्यू और डेस्कटॉप में जोड़ देगा.
पूरी जानकारी के लिए, डेस्कटॉप PWA की मेरी पोस्ट देखें.
क्रेडेंशियल मैनेजमेंट एपीआई: सार्वजनिक पासकोड के क्रेडेंशियल
क्रेडेंशियल मैनेजमेंट एपीआई, उपयोगकर्ताओं के लिए साइन इन करना बहुत आसान बनाता है. इससे आपकी साइट, ब्राउज़र के क्रेडेंशियल मैनेजर या Google और Facebook जैसी फ़ेडरेटेड खाता सेवाओं से इंटरैक्ट कर पाती है.
Chrome 70, तीसरे तरह के क्रेडेंशियल के लिए सहायता जोड़ता है: सार्वजनिक कुंजी क्रेडेंशियल इससे वेब ऐप्लिकेशन को, मज़बूत, क्रिप्टोग्राफ़िक तरीके से प्रमाणित, और ऐप्लिकेशन के स्कोप वाले क्रेडेंशियल बनाने और इस्तेमाल करने की अनुमति मिलती है, ताकि उपयोगकर्ताओं की मज़बूती से पुष्टि की जा सके.
मैं इसे लेकर बहुत उत्साहित हूं, क्योंकि इससे साइटें दो तरीकों से पुष्टि करने के लिए मेरा फ़िंगरप्रिंट इस्तेमाल कर सकती हैं. हालांकि, इससे दूसरे तरह की सुरक्षा कुंजियों और वेब की बेहतर सुरक्षा का भी इस्तेमाल किया जा सकता है.
ज़्यादा जानकारी के लिए, क्रेडेंशियल मैनेजमेंट एपीआई दस्तावेज़ देखें या इसे WebAuthn डेमो की मदद से आज़माएं. साथ ही, यह भी जानें कि इसका इस्तेमाल कैसे किया जा सकता है!
workers नाम
वर्कर, JavaScript को मुख्य थ्रेड से बैकग्राउंड में ले जाने का एक आसान तरीका है. अपनी साइट को इंटरैक्टिव बनाए रखने के लिए यह बहुत ज़रूरी है, क्योंकि इसका मतलब है कि मुख्य थ्रेड उस समय लॉक नहीं होगा, जब उस पर महंगी या जटिल JavaScript कंप्यूटेशन की मदद ली जा रही हो.
WebWorkers के बिना
JavaScript का बहुत ज़्यादा इस्तेमाल किया जा रहा है, जिसकी वजह से परफ़ॉर्मेंस धीमी और खराब हो सकती है.
WebWorkers के साथ
JavaScript का इस्तेमाल बहुत ज़्यादा नहीं किया जा सकता, क्योंकि इससे तेज़ और आसान अनुभव मिलता है.
JavaScript का बहुत ज़्यादा इस्तेमाल करने से मुख्य थ्रेड पर कोई असर नहीं पड़ता.
Chrome 70 में, अब वर्कर के पास
name एट्रिब्यूट होता है, जो कंस्ट्रक्टर पर वैकल्पिक आर्ग्युमेंट से तय होता है.
const url = '/scripts/my-worker.js';
const wNYC = new Worker(url, {name: 'NewYork'});
const oSF = {name: 'SanFrancisco'};
const wSF = new Worker(url, oSF);
एक ही यूआरएल वाले कई वर्कर होने पर, इससे काम करने वाले कर्मचारियों के बीच name के आधार पर फ़र्क़ किया जा सकता है. DevTools कंसोल में जाकर भी नाम प्रिंट किया जा सकता है. इससे यह जानना आसान हो जाता है कि किस वर्कर को डीबग किया जा रहा है!
Firefox, Edge, और Safari में नाम रखने वाले वर्कर पहले से ही उपलब्ध हैं. ज़्यादा जानकारी के लिए GitHub पर चर्चा देखें.
और ज़्यादा!
डेवलपर के लिए Chrome 70 में हुए ये कुछ बदलाव हैं, बेशक, और भी बहुत से बदलाव हैं.
- वेब ब्लूटूथ अब Windows 10 में उपलब्ध है. इससे आपकी साइट, आस-पास के उपयोगकर्ताओं के चुने हुए ब्लूटूथ डिवाइसों से सुरक्षित और निजता बनाए रखते हुए संपर्क कर सकती है.
- Chrome, आपके सर्वर पर
Report-To HTTPरिस्पॉन्स हेडर फ़ील्ड का इस्तेमाल करके याReportingObserverइंटरफ़ेस में मौजूद सर्वर पर इंटरैक्ट और बंद करने से जुड़े मैसेज भेज सकता है. - आपको कई अहम गड़बड़ियों के बारे में पता होना चाहिए. ज़्यादा जानकारी के लिए Chrome 70 में ऐप्लिकेशन को बंद करना और हटाना पोस्ट देखें.
- Chrome DevTools में नया क्या है, इसके बारे में जानने के लिए DevTools में नया क्या है पोस्ट देखना न भूलें.
सदस्यता लें
हमारे वीडियो के बारे में अप-टू-डेट रहना चाहते हैं, तो हमारे Chrome डेवलपर के YouTube चैनल की सदस्यता लें. जब भी हम कोई नया वीडियो लॉन्च करेंगे, तो आपको ईमेल से सूचना दी जाएगी.
मैं हूं पीट लेपेज और Chrome 71 के रिलीज़ होते ही, मैं आपको बताऊंगी -- Chrome में नया क्या है!