Chrome 75 में, हमने इनके लिए सहायता जोड़ी है:
canvas
एलिमेंट पर इंतज़ार के समय को कम करने का एक नया तरीका है.- वेब ऐप्लिकेशन अब सिस्टम लेवल शेयर शीट का इस्तेमाल करके, इंस्टॉल किए गए दूसरे ऐप्लिकेशन के साथ फ़ाइलें शेयर कर सकते हैं.
- न्यूमेरिक (संख्या) लिटरल वैल्यू की मदद से, अब अंडरस्कोर को सेपरेटर के तौर पर इस्तेमाल करके, उपयोगकर्ताओं को ज़्यादा आसानी से पढ़ा जा सकता है.
- Google I/O 2019 अब खत्म हो गया है और हमारे YouTube चैनल पर सभी बातचीत चल रही हैं.
मेरा नाम पीट लीपेज है. आइए, शुरू करते हैं और देखते हैं कि Chrome 75 में डेवलपर के लिए नया क्या है!
बदलाव लॉग
इसमें सिर्फ़ कुछ मुख्य हाइलाइट शामिल हैं. Chrome 75 में अन्य बदलावों के बारे में जानने के लिए, नीचे दिए गए लिंक पर जाएं.
- Chrome DevTools में नया क्या है (75)
- Chrome 75 का इस्तेमाल बंद करना और हटाना
- Chrome 75 के लिए ChromeStatus.com से जुड़े अपडेट
- Chrome 75 में JavaScript में नया क्या है
- Chromium सोर्स का डेटा स्टोर करने की जगह में बदलाव की सूची
ऐसे canvas
कॉन्टेक्स्ट के लिए संकेत जो इंतज़ार का समय कम करते हैं
कैनवस एलिमेंट के साथ स्क्रीन पर ड्रॉइंग करने के लिए ज़रूरी है कि पेज, ग्राफ़िक अपडेट को डीओएम के साथ सिंक करे. इस सिंक की वजह से कभी-कभी इंतज़ार का समय बढ़ सकता है. उदाहरण के लिए, ड्रॉइंग ऐप्लिकेशन में 50 मिलीसेकंड से ज़्यादा इंतज़ार का समय, हैंड-आई कोऑर्डिनेशन में रुकावट डाल सकता है. इससे इनका इस्तेमाल करना मुश्किल हो जाता है.
canvas
कॉन्टेक्स्ट बनाते समय, desynchronized
हिंट एक अलग कोड पाथ का इस्तेमाल करता है, जो डीओएम को अपडेट करने के सामान्य तरीके को बायपास करता है. इस संकेत से सिस्टम को ज़्यादा से ज़्यादा कंपोज़िटिंग छोड़ने के लिए कहा जाता है. कुछ मामलों में, canvas
का मूल बफ़र सीधे स्क्रीन के डिसप्ले कंट्रोलर पर भेजा जाता है. इससे रेंडरर कंपोज़िटर सूची का इस्तेमाल करने की वजह से होने वाली
इंतज़ार का समय खत्म हो जाता है.
सिंक नहीं किए गए संकेत का इस्तेमाल करना आसान है. कैनवस बनाते समय, विकल्प ऑब्जेक्ट में बस desynchronized: true
जोड़ें.
const opts = { desynchronized: true };
const ctx = canvas.getContext('2d', opts);
इस बारे में ज़्यादा जानकारी के लिए, जो का लेख डीसिंक किए गए संकेत के साथ इंतज़ार का समय कम करने वाली रेंडरिंग पढ़ें. इसमें इस बारे में ज़्यादा जानकारी भी दी गई है.
Web Share API की मदद से फ़ाइलें शेयर करना
Web Share API की मदद से, ओएस से मिलने वाली शेयर सेवा को प्लग-इन किया जा सकता है. इससे उपयोगकर्ता के डिवाइस पर इंस्टॉल किए गए दूसरे ऐप्लिकेशन के साथ वेब पेजों और ऐप्लिकेशन को शेयर करना आसान हो जाता है.
Chrome 75 में, Web Share API अब फ़ाइलें शेयर करने की सुविधा देता है! मैं इसे लेकर ख़ास तौर पर उत्साहित हूँ, क्योंकि इससे ऐप्लिकेशन के लिए फ़ोटो, वीडियो वगैरह शेयर करना आसान हो जाता है. फ़ाइल को कंप्रेस करने के बाद, इसे शेयर करने के लिए Squoosh सहायता जोड़ रहा है. फ़िलहाल, Web Share API ऑडियो फ़ाइलों, इमेज, वीडियो, और टेक्स्ट दस्तावेज़ को शेयर करने की सुविधा देता है.
Web Share API के साथ काम करने वाला वेब शेयर एपीआई काम करता है या नहीं, यह देखने के लिए सुविधा की पहचान करने की सुविधा का इस्तेमाल करना सबसे अच्छा होता है. अगर ऐसा नहीं है, तो अपने पुराने तरीके पर वापस जाएं. साथ ही, navigator.canShare
का इस्तेमाल करके यह देखा जा सकता है कि फ़ाइल शेयर करने की सुविधा काम करती है या नहीं.
const webShareAvailable = {
links: 'share' in navigator,
files: 'canShare' in navigator,
};
अगर navigator.canShare
, true
दिखाता है, तो उन फ़ाइलों को शेयर किया जा सकता है. इससे navigator.share
को कॉल किया जा सकता है और ऑब्जेक्ट को शेयर की जाने वाली फ़ाइलों के कलेक्शन के साथ पास किया जा सकता है. Chrome, सिस्टम शेयर शीट खोलेगा और आपको इंस्टॉल किए गए उन ऐप्लिकेशन की सूची
देगा जिनमें आप फ़ाइलें शेयर कर सकें.
if (webShareAvailable.files) {
const shareData = { files: filesArray };
if (navigator.canShare(shareData)) {
shareData.title = 'Squooshed files.';
navigator.share(shareData)
.then(...)
.catch(...);
} else {
// File sharing not supported
}
}
डेमो आज़माएं और पूरी जानकारी के लिए वेब शेयर के साथ फ़ाइलें शेयर करना लेख देखें.
न्यूमेरिक सेपरेटर
न्यूमेरिक लिटरल वैल्यू, अब अलग करने वाले टूल के तौर पर अंडरस्कोर (_, U+005F) को इस्तेमाल करने की अनुमति देती हैं, ताकि इन्हें आसानी से पढ़ा जा सके. उदाहरण के लिए, 1_000_000_000
को गणितीय संक्रियाओं में
1000000000
के बराबर समझा जाएगा.
अंडरस्कोर सिर्फ़ अंकों के बीच दिख सकते हैं. लगातार अंडरस्कोर इस्तेमाल करने की अनुमति नहीं है. इसलिए, 3._14
, _2.71
या 1.6__2
जैसे लिटरल वैल्यू गैर-कानूनी होते हैं.
Google I/O 2019 खत्म हो गया
अगर आप I/O से नहीं जुड़े हैं या शायद आपने ऐसा किया है और सभी बातें नहीं देखी हैं, तो वे सभी Chrome Developers के YouTube चैनल पर, Google I/O 2019 की प्लेलिस्ट में मौजूद हैं.
- टॉम और मैंने "वेब के लिए नई क्षमताओं को अनलॉक करना" के बारे में बताया है. इसमें इस साल ब्राउज़र में उपलब्ध होने वाली कुछ शानदार नई सुविधाओं के बारे में बताया गया है.
- एडी और केटी ने "स्पीड ऐट स्केल" में परफ़ॉर्मेंस के कुछ शानदार सुझाव और तरकीबें बताई हैं.
- एलिज़ाबेथ और पॉल ने "Demystifying Speed Tooling" के कुछ मज़ेदार टूल तैयार किए हैं.
- "फ़ीचर फ़ोन से डेस्कटॉप तक तेज़ और स्मूद वेब ऐप्लिकेशन बनाएं" में मारीको ने दिखाया कि कैसे उन्होंने और उनके क्रू के सदस्यों ने फ़ीचर फ़ोन, स्मार्ट फ़ोन, डेस्कटॉप, और किसी भी डिवाइस पर काम करने के लिए Proxx को बनाया. अगर आपने अभी तक Proxx को नहीं आज़माया है, तो यह एक बहुत मज़ेदार माइन स्वीपर क्लोन है.
सदस्यता लें
हमारे वीडियो के बारे में अप-टू-डेट रहना चाहते हैं, तो हमारे Chrome डेवलपर के YouTube चैनल की सदस्यता लें. जब भी हम कोई नया वीडियो लॉन्च करेंगे, तो आपको ईमेल से सूचना दी जाएगी.
मैं हूं पीट लेपेज और Chrome 76 के रिलीज़ होते ही, मैं आपको बताऊंगी -- Chrome में नया क्या है!
फ़ोटो आभार
- Unsplashपर बालाज़ केटी की स्केचिंग फ़ोटो