Chrome 70 में नया

Chrome 70 में, हमने इनके लिए सहायता जोड़ी है:

इसके अलावा, और भी बहुत कुछ है!

मैं पीट लेपेज हूं. आइए, जानें कि Chrome 70 में डेवलपर के लिए क्या नया है!

क्या आपको बदलावों की पूरी सूची चाहिए? Chromium सोर्स रिपॉज़िटरी में हुए बदलावों की सूची देखें.

Windows और Linux पर डेस्कटॉप प्रोग्रेसिव वेब ऐप्लिकेशन

उपयोगकर्ता अब Windows और Linux पर डेस्कटॉप प्रोग्रेसिव वेब ऐप्लिकेशन इंस्टॉल कर सकते हैं!

इंस्टॉल होने के बाद, इन्हें Start मेन्यू से लॉन्च किया जाता है. साथ ही, ये ऐप्लिकेशन, इंस्टॉल किए गए अन्य ऐप्लिकेशन की तरह ही काम करते हैं. इनमें कोई पता बार या टैब नहीं होता. सर्विस वर्कर यह पक्का करते हैं कि वे तेज़ और भरोसेमंद हों. साथ ही, ऐप्लिकेशन विंडो का अनुभव, उन्हें किसी भी अन्य इंस्टॉल किए गए ऐप्लिकेशन जैसा महसूस कराता है.

शुरुआत करना आपके मौजूदा कामों से अलग नहीं है. आपने अपने मौजूदा प्रोग्रेसिव वेब ऐप्लिकेशन के लिए जो भी काम किया है वह अब भी लागू होगा! अगर आपका ऐप्लिकेशन, PWA की स्टैंडर्ड शर्तों को पूरा करता है, तो Chrome beforeinstallprompt इवेंट को ट्रिगर करेगा. इवेंट को सेव करें. इसके बाद, कुछ यूज़र इंटरफ़ेस (यूआई) जोड़ें (जैसे कि ऐप्लिकेशन इंस्टॉल करें बटन). इससे उपयोगकर्ता को पता चलेगा कि आपका ऐप्लिकेशन इंस्टॉल किया जा सकता है या नहीं. इसके बाद, जब उपयोगकर्ता बटन पर क्लिक करता है, तो सेव किए गए इवेंट पर prompt() को कॉल करें. इसके बाद, Chrome उपयोगकर्ता को प्रॉम्प्ट दिखाएगा. अगर उपयोगकर्ता 'जोड़ें' पर क्लिक करता है, तो Chrome आपके PWA को उसके स्टार्ट मेन्यू और डेस्कटॉप पर जोड़ देगा.

पूरी जानकारी के लिए, डेस्कटॉप पर काम करने वाले PWA के बारे में मेरी पोस्ट देखें.

क्रेडेंशियल मैनेजमेंट एपीआई: सार्वजनिक कुंजी क्रेडेंशियल

Credential Management API की मदद से, उपयोगकर्ताओं के लिए साइन इन करना बेहद आसान हो जाता है. इसकी मदद से, आपकी साइट ब्राउज़र के क्रेडेंशियल मैनेजर या Google और Facebook जैसी फ़ेडरेटेड खाता सेवाओं के साथ इंटरैक्ट कर सकती है, ताकि साइन इन किया जा सके.

Chrome 70 में तीसरे तरह के क्रेडेंशियल के लिए सहायता जोड़ी गई है: सार्वजनिक कुंजी क्रेडेंशियल. इससे वेब ऐप्लिकेशन, उपयोगकर्ताओं की पुष्टि करने के लिए, मज़बूत, क्रिप्टोग्राफ़ी से पुष्टि किए गए, और ऐप्लिकेशन के दायरे वाले क्रेडेंशियल बना सकते हैं और उनका इस्तेमाल कर सकते हैं.

मुझे इस सुविधा से काफ़ी खुशी हो रही है, क्योंकि इससे साइटें दो तरीकों से पुष्टि करने के लिए, मेरे फ़िंगरप्रिंट का इस्तेमाल कर सकती हैं. हालांकि, इसमें अलग-अलग तरह की सुरक्षा कुंजियों के साथ-साथ, वेब पर बेहतर सुरक्षा की सुविधा भी जोड़ी गई है.

ज़्यादा जानकारी के लिए, Credential Management API के दस्तावेज़ देखें या WebAuthn के डेमो की मदद से इसे आज़माएं. साथ ही, इसका इस्तेमाल शुरू करने का तरीका जानें!

workers नाम का

वर्कर्स, JavaScript को मुख्य थ्रेड से हटाकर बैकग्राउंड में ले जाने का आसान तरीका है. यह आपकी साइट को इंटरैक्टिव बनाए रखने के लिए ज़रूरी है, क्योंकि इसका मतलब है कि महंगा या जटिल JavaScript कैलकुलेशन करते समय, मुख्य थ्रेड लॉक नहीं होगा.

WebWorkers के बिना

मुख्य थ्रेड
बहुत ज़्यादा हेवी JavaScript चल रहा है, जिसकी वजह से साइट पर धीमा और रुकावट वाला अनुभव मिलता है.

WebWorkers की मदद से

मुख्य थ्रेड
कोई भारी JavaScript नहीं चल रहा है. इस वजह से, तेज़ और आसान अनुभव मिलता है.
WebWorker
बहुत ज़्यादा हेवी 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 में ये कुछ बदलाव किए गए हैं. हालांकि, इसमें और भी कई बदलाव किए गए हैं.

सदस्यता लें

आप हमारे वीडियो की अप-टू-डेट जानकारी पाना चाहते/चाहती हैं, फिर Chrome Developers के YouTube चैनल की सदस्यता लें. नया वीडियो लॉन्च होने पर, आपको ईमेल से सूचना मिलेगी.

मेरा नाम पीट लेपेज है. Chrome 71 के रिलीज़ होने के बाद, मैं आपको बताऊंगा कि Chrome में नया क्या है!