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
कॉन्टेक्स्ट के लिए सलाह
कैनवस एलिमेंट की मदद से स्क्रीन पर ड्रॉ करने के लिए, पेज को ग्राफ़िक अपडेट को DOM के साथ सिंक करना होगा. इस सिंक की वजह से, कभी-कभी इंतज़ार का समय बढ़ सकता है. उदाहरण के लिए, ड्रॉइंग ऐप्लिकेशन में 50 मिलीसेकंड से ज़्यादा इंतज़ार का समय, हाथ-आंख के तालमेल में रुकावट डाल सकता है. इससे, ऐप्लिकेशन का इस्तेमाल करना मुश्किल हो जाता है.
canvas
कॉन्टेक्स्ट बनाते समय, desynchronized
हिंट किसी अलग कोड पाथ का इस्तेमाल करता है. यह पाथ, डीओएम अपडेट करने के सामान्य तरीके को बायपास करता है. इस संकेत से सिस्टम को ज़्यादा से ज़्यादा कंपोज़िटिंग स्किप करने के निर्देश मिलते हैं. कुछ मामलों में, canvas
के सबसे नीचे मौजूद बफ़र को सीधे स्क्रीन के डिसप्ले कंट्रोलर पर भेजा जाता है. इससे, रेंडरर कंपोजिटर क्यू का इस्तेमाल करने से होने वाली देरी को खत्म किया जा सकता है.
सिंक न होने के संकेत का इस्तेमाल करना आसान है. कैनवस बनाते समय, विकल्प ऑब्जेक्ट में desynchronized: true
जोड़ें.
const opts = { desynchronized: true };
const ctx = canvas.getContext('2d', opts);
ज़्यादा जानकारी के लिए, जो के लेख डिसिंक्रोनाइज़ किए गए हिंट की मदद से कम इंतज़ार वाला रेंडरिंग पढ़ें. इसमें, इस सुविधा के लिए फ़ीचर डिटेक्शन करने का तरीका भी बताया गया है.
Web Share API की मदद से फ़ाइलें शेयर करना
Web Share API की मदद से, ओएस की शेयर सेवा का इस्तेमाल किया जा सकता है. इससे, उपयोगकर्ता के डिवाइस पर इंस्टॉल किए गए अन्य ऐप्लिकेशन के साथ वेब पेजों और ऐप्लिकेशन को आसानी से शेयर किया जा सकता है.
Chrome 75 में, वेब शेयर एपीआई की मदद से अब फ़ाइलें शेयर की जा सकती हैं! मुझे इस बात की खास तौर पर खुशी है, क्योंकि इससे ऐप्लिकेशन के लिए फ़ोटो, वीडियो वगैरह शेयर करना बहुत आसान हो जाता है. 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 की वेब प्लेलिस्ट में उपलब्ध हैं.
- मैंने और टॉम ने "वेब के लिए नई सुविधाएं अनलॉक करना" के बारे में जानकारी दी. इसमें, इस साल ब्राउज़र में मिलने वाली कुछ बेहतरीन नई सुविधाओं के बारे में बताया गया.
- ऐडी और कैटी ने "बड़े पैमाने पर स्पीड" में, परफ़ॉर्मेंस से जुड़ी कुछ शानदार सलाह और तरकीबें बताई हैं.
- "स्पीड टूल के बारे में जानकारी" में, एलिजाबेथ और पॉल ने कुछ शानदार डेवलपर टूल के बारे में बताया है.
- "फ़ीचर फ़ोन से लेकर डेस्कटॉप तक, तेज़ी से और आसानी से वेब ऐप्लिकेशन बनाएं" में, मारिको ने हमें बताया कि उन्होंने और उनके क्रू ने Proxx को कैसे बनाया, ताकि यह फ़ीचर फ़ोन से लेकर स्मार्ट फ़ोन और डेस्कटॉप तक, किसी भी डिवाइस पर काम कर सके. अगर आपने अब तक Proxx को आज़माया नहीं है, तो इसे आज़माएं. यह माइन स्वीपिंग गेम का एक बहुत ही मज़ेदार क्लोन है.
सदस्यता लें
अगर आपको हमारे वीडियो के बारे में अप-टू-डेट रहना है, तो Chrome Developers के YouTube चैनल की सदस्यता लें. ऐसा करने पर, जब भी हम कोई नया वीडियो लॉन्च करेंगे, आपको ईमेल से सूचना मिलेगी.
मेरा नाम पीट लेपेज है. Chrome 76 के रिलीज़ होने के बाद, मैं आपको बताऊंगा कि Chrome में नया क्या है!
फ़ोटो क्रेडिट
- Unsplash से ली गई, Balázs Kétyi की स्केचिंग की फ़ोटो