Chrome 78 का वर्शन अब रोल आउट किया जा रहा है!
नमस्ते, मैं पीट लेपेज हूं. आइए, Chrome 78 में डेवलपर के लिए क्या नया है, इस बारे में जानें!
CSS प्रॉपर्टी और वैल्यू API
सीएसएस वैरिएबल, जिन्हें तकनीकी तौर पर कस्टम प्रॉपर्टी कहा जाता है, बहुत अच्छे होते हैं. इनकी मदद से, आप अपनी पूरी सीएसएस में अपनी प्रॉपर्टी तय कर सकते हैं और उसका इस्तेमाल कर सकते हैं. हालांकि, कस्टम प्रॉपर्टी, खोजने और बदलने की सुविधा से ज़्यादा कुछ नहीं हैं.
html {
--my-color: green;
}
.thing {
color: var(--my-color);
}
अगर आपने किसी रंग के लिए वैरिएबल का इस्तेमाल किया था, लेकिन यूआरएल को वैल्यू के तौर पर असाइन किया था, तो नियम को सिर्फ़ खारिज कर दिया जाएगा. सीएसएस प्रॉपर्टी ऐंड वैल्यू एपीआई की मदद से, अपनी कस्टम प्रॉपर्टी के लिए टाइप और डिफ़ॉल्ट फ़ॉलबैक वैल्यू तय की जा सकती है.
html {
--my-color: url(‘not-a-color'); // Oops, not a color!
}
.thing {
color: var(--my-color);
}
किसी प्रॉपर्टी को रजिस्टर करना, window.CSS.registerProperty() को कॉल करने जितना ही आसान है. साथ ही, आपने जिस प्रॉपर्टी को इनहेरिट किया जाना चाहिए उसका नाम बताएं. साथ ही, यह भी बताएं कि आपकी प्रॉपर्टी किस तरह की है.
window.CSS.registerProperty({
name: '--my-color',
syntax: '<color>',
inherits: false,
initialValue: 'black',
});
पूरी जानकारी के लिए, web.dev पर सैम रिचर्ड की Huudini के नए एपीआई के साथ ज़्यादा स्मार्ट कस्टम प्रॉपर्टी लेख देखें.
नए सर्विस वर्कर
अब importScripts() से इंपोर्ट की गई सर्विस वर्कर स्क्रिप्ट के लिए, बाइट-टू-बाइट जांच की जाती हैं. पहले, इंस्टॉल किए गए सर्विस वर्कर को इंपोर्ट की गई स्क्रिप्ट में बदलाव करने के लिए मजबूर करने का एक ही तरीका था, इंपोर्ट की गई स्क्रिप्ट के यूआरएल को बदलना. आम तौर पर, यूआरएल में सेवर वैल्यू या हैश जोड़कर ऐसा किया जाता था.
importScripts('https://example.com/v1.1.0/index.js');
importScripts('https://example.com/index.abcd1234.js');
Chrome 78 से, जब भी किसी टॉप-लेवल सेवा वर्कर फ़ाइल के लिए अपडेट की जांच की जाएगी, तब Chrome यह भी जांच करेगा कि किसी भी इंपोर्ट की गई स्क्रिप्ट का कॉन्टेंट बदला है या नहीं. अगर ऐसा है, तो यह पूरी तरह से सेवा वर्कर अपडेट फ़्लो को ट्रिगर करेगा. इससे Chrome, स्पेसिफ़िकेशन के मुताबिक काम करता है. साथ ही, यह Firefox और Safari की तरह ही काम करता है.
जावेद के पास डिफ़ॉल्ट रूप से, फ़्रेशर सर्विस वर्कर की सारी जानकारी मौजूद है. इसमें, वे अहम बातें भी शामिल हैं जिनसे पता चलता है कि एचटीटीपी कैश मेमोरी, अपडेट साइकल पर कैसे असर डालती है.
नए ऑरिजिन ट्रायल
ऑरिजिन ट्रायल से हमें एक्सपेरिमेंट वाली सुविधाओं और एपीआई की पुष्टि करने का मौका मिलता है. साथ ही, बड़े पैमाने पर डिप्लॉयमेंट में इनकी उपयोगिता और उनके असर के बारे में सुझाव या राय दी जा सकती है.
आम तौर पर, एक्सपेरिमेंट के तौर पर उपलब्ध सुविधाएं सिर्फ़ फ़्लैग के पीछे उपलब्ध होती हैं. हालांकि, जब हम किसी सुविधा के लिए ऑरिजिन ट्रायल की सुविधा देते हैं, तो अपने ऑरिजिन पर सभी उपयोगकर्ताओं के लिए उस सुविधा को चालू करने के लिए, उस ऑरिजिन ट्रायल के लिए रजिस्टर किया जा सकता है.
ऑरिजिन ट्रायल में ऑप्ट-इन करने पर, डेमो और प्रोटोटाइप बनाए जा सकते हैं. बीटा टेस्टिंग में हिस्सा लेने वाले उपयोगकर्ता, ट्रायल की अवधि के दौरान इनका इस्तेमाल कर सकते हैं. इसके लिए, उन्हें Chrome में किसी खास फ़्लैग को चालू करने की ज़रूरत नहीं पड़ती.
ऑरिजिन ट्रायल के बारे में ज़्यादा जानकारी पाने के लिए, वेब डेवलपर के लिए ऑरिजिन ट्रायल गाइड पढ़ें. Chrome के ऑरिजिन ट्रायल पेज पर, ऑरिजिन ट्रायल की सूची देखी जा सकती है और उनके लिए साइन अप किया जा सकता है.
नेटिव फ़ाइल सिस्टम
नेटिव फ़ाइल सिस्टम एपीआई के लिए ऑरिजिन ट्रायल, Chrome 78 में शुरू होगा और Chrome 80 तक चलेगा.
नेटिव फ़ाइल सिस्टम एपीआई की मदद से, डेवलपर ऐसे बेहतरीन वेब ऐप्लिकेशन बना सकते हैं जो उपयोगकर्ता के डिवाइस पर मौजूद फ़ाइलों के साथ इंटरैक्ट करते हैं. जब कोई उपयोगकर्ता किसी वेब ऐप्लिकेशन को ऐक्सेस देता है, तो यह एपीआई वेब ऐप्लिकेशन को उपयोगकर्ता के डिवाइस पर मौजूद फ़ाइलों और फ़ोल्डर में सीधे बदलाव करने या उन्हें पढ़ने की अनुमति देता है.
मुझे इस सुविधा से मिलने वाले सभी नए अनुभवों को लेकर काफ़ी उत्साह है. अब मुझे उन फ़ाइलों को "अपलोड" या "डाउनलोड" करने की ज़रूरत नहीं पड़ेगी जिन पर मुझे काम करना है. नेटिव फ़ाइल सिस्टम के बारे में पूरी जानकारी पाने के लिए, मेरी पोस्ट देखें. इसमें कोड, डेमो, और उपयोगकर्ताओं को सुरक्षित रखने के लिए हम कैसे काम कर रहे हैं, इस बारे में बताया गया है.
एसएमएस पाने वाला
Chrome 78 में, SMS Receiver API के लिए ऑरिजिन ट्रायल शुरू होगा. यह ट्रायल, Chrome 80 तक चलेगा.
एसएमएस रिसीवर एपीआई, अब ऑरिजिन ट्रायल के तौर पर उपलब्ध है. इससे आपके वेब ऐप्लिकेशन को, आपके ऐप्लिकेशन के ऑरिजिन के लिए खास तौर पर फ़ॉर्मैट किए गए एसएमएस मैसेज मिल सकते हैं. इससे, आप प्रोग्राम के हिसाब से किसी एसएमएस से ओटीपी पा सकते हैं. साथ ही, उपयोगकर्ता के फ़ोन नंबर की पुष्टि और भी आसानी से कर सकते हैं.
ईजी ने लिखा, एसएमएस पाने वाले एपीआई की मदद से, वेब पर फ़ोन नंबर की पुष्टि करें. इस ईमेल में, ऑरिजिन ट्रायल के लिए साइन अप करने का तरीका और पूरी जानकारी शामिल है.
Chrome Dev Summit 2019
11 और 12 नवंबर को Chrome Dev Summit में हिस्सा लें. यह Chrome Developers YouTube चैनल पर लाइव स्ट्रीम किया जाएगा.
इसके बारे में और पढ़ें
इसमें सिर्फ़ कुछ खास हाइलाइट शामिल हैं. Chrome 78 में हुए अन्य बदलावों के बारे में जानने के लिए, यहां दिए गए लिंक देखें.
- Chrome DevTools (78) में नया क्या है
- Chrome 78 का इस्तेमाल बंद करना और हटाना
- Chrome 78 के लिए ChromeStatus.com पर अपडेट
- Chrome 78 में JavaScript में नया क्या है
- Chromium सोर्स की रिपॉज़िटरी में बदलाव की सूची
सदस्यता लें
अगर आपको हमारे वीडियो के बारे में अप-टू-डेट रहना है, तो Chrome Developers के YouTube चैनल की सदस्यता लें. ऐसा करने पर, जब भी हम कोई नया वीडियो लॉन्च करेंगे, तो आपको ईमेल से सूचना मिलेगी. इसके अलावा, अपने फ़ीड रीडर में आरएसएस फ़ीड जोड़ें.
मेरा नाम पीट लेपेज है. Chrome 79 के रिलीज़ होने के बाद, मैं आपको बताऊंगा कि Chrome में नया क्या है!