Chrome 78 का वर्शन अब रोल आउट किया जा रहा है!
नमस्ते, मैं पीट लेपेज हूं. आइए, Chrome 78 में डेवलपर के लिए क्या नया है, इस बारे में जानें!
CSS प्रॉपर्टी और वैल्यू एपीआई
सीएसएस वैरिएबल, जिन्हें तकनीकी तौर पर कस्टम प्रॉपर्टी कहा जाता है, बहुत अच्छे होते हैं. इनकी मदद से, अपनी सीएसएस में अपनी प्रॉपर्टी तय की जा सकती हैं और उनका इस्तेमाल किया जा सकता है. हालांकि, कस्टम प्रॉपर्टी, खोजने और बदलने की सुविधा से ज़्यादा कुछ नहीं हैं.
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 पर सैम रिचर्ड का Houdini के नए एपीआई की मदद से स्मार्ट कस्टम प्रॉपर्टी लेख पढ़ें.
नए सर्विस वर्कर
importScripts() से इंपोर्ट की गई सर्विस वर्कर स्क्रिप्ट के लिए, अब बाइट-बाय-बाइट जांच की जाती है. पहले, इंपोर्ट की गई स्क्रिप्ट में किए गए बदलावों को लागू करने के लिए, इंस्टॉल किए गए सेवा वर्कर्स को मजबूर करने का एक ही तरीका था. इसके लिए, इंपोर्ट की गई स्क्रिप्ट का यूआरएल बदलना होता था. आम तौर पर, यूआरएल में semver वैल्यू या हैश जोड़कर ऐसा किया जाता था.
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 में, एसएमएस रिसीवर एपीआई के लिए ऑरिजिन ट्रायल शुरू होगा. यह ट्रायल, 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 में नया क्या है!