Chrome 95 में नया

Pete LePage

यहां आपके जानने योग्य तथ्य दिए गए हैं:

मैं पीट लेपेज हूं, काम कर रही हूं और शूटिंग कर रही हूं आइए, देखते हैं कि Chrome 95 में डेवलपर के लिए नया क्या है.

URLPattern से रूट किया जा रहा है

करीब-करीब सभी वेब ऐप्लिकेशन किसी न किसी तरीके से रूटिंग पर निर्भर करते हैं, भले ही वह कोड चल रहा हो यह ऐसा सर्वर है जो एक पेज के ऐप्लिकेशन में डिस्क या लॉजिक पर मौजूद फ़ाइलों के पाथ को मैप करता है. जो यूआरएल बदलने पर डीओएम को अपडेट करता है. URLPattern एक नया वेब वर्शन है प्लैटफ़ॉर्म एपीआई, जो रूटिंग पैटर्न के सिंटैक्स का मानक तय करता है.

यह मौजूदा फ़्रेमवर्क के आधार पर बनाया जाता है, जिससे परफ़ॉर्मेंस को बेहतर बनाने में मदद मिलती है रूटिंग के सामान्य टास्क. उदाहरण के लिए, पूरे यूआरएल या किसी यूआरएल से मैच करना पाथ का नाम जोड़ सकता है. इसके बाद, टोकन और ग्रुप मैच के बारे में जानकारी दे सकता है.

अगर आपको एक्सप्रेस में इस्तेमाल किए गए रूटिंग सिंटैक्स के बारे में पहले से पता है, तो Ruby on Rails या path-to-regexp पर, यह शायद जाना-पहचाना लगेगा.

इसका इस्तेमाल करने के लिए, नया URLPattern() बनाएं और अपनी पसंद की जानकारी दें पैटर्न मिलान. पैटर्न में वाइल्डकार्ड, नाम वाले टोकन ग्रुप, रेगुलर एक्सप्रेशन ग्रुप और ग्रुप मॉडिफ़ायर.

const p = new URLPattern({
  protocol: 'https',
  hostname: 'example.com',
  pathname: '/:folder/*/:fileName.jpg',
  search: '*',
  hash: '*',
});

उदाहरण के लिए, चलिए उस URLPattern को देखते हैं जिसे Google Docs में इस्तेमाल किया जा सकता है. हम फ़ाइल का kind, फ़ाइल ID, और उसे खोलने के लिए mode तय करेंगे. इसके बाद, पैटर्न का इस्तेमाल करने के लिए, हम test() या exec() को कॉल कर सकते हैं.

const url = 'https://docs.google.com/document/d/1s...5c/edit#heading=h.8...c';

const pattern = new URLPattern({
  pathname: '/:kind/d/:fileID/:mode',
  hash: '*',
});

const r = pattern.exec(url);
// {
//   "pathname": {"groups": {
//     "fileID": "1s...5c",
//     "kind": "document",
//     "mode": "edit"
//   }, ...},
//   "hash": {"groups": {"0":"heading=h.8...c"}, ...},
//   ...
// }

Chrome और Edge के 95 और इसके बाद के वर्शन में URLPattern की सुविधा डिफ़ॉल्ट रूप से चालू होती है. साथ ही, Node जैसे ब्राउज़र या एनवायरमेंट की मदद से काम नहीं करते हैं जो तो urlpattern-polyfill लाइब्रेरी का इस्तेमाल करें.

जावेद का लेख देखें, URLPattern वेब प्लैटफ़ॉर्म पर रूटिंग की सुविधा उपलब्ध कराता है पूरी जानकारी के लिए!

आई ड्रॉपर एपीआई की मदद से रंग चुनना

मैंने अब तक जितने भी डिज़ाइन ऐप्लिकेशन इस्तेमाल किए हैं, उनमें एक आई ड्रॉपर टूल मौजूद है. किसी चीज़ का रंग समझना आसान है. कुछ ब्राउज़र में आईड्रॉपर होता है क्षमता <input type=color> में बनाई गई है, लेकिन यह बिलकुल सही नहीं है.

Microsoft के कुछ लोगों द्वारा लागू किया गया आंख ड्रॉपर API उस सुविधा को वेब पर इस्तेमाल करना चाहिए. इसका इस्तेमाल करने के लिए, नया EyeDropper() बनाएं तो open() को कॉल करें.

const eyeDropper = new EyeDropper();
const result = await eyeDropper.open();
// result = {sRGBHex: '#160731'}

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

आप एक क्विक डेमो का इस्तेमाल कर सकते है. साथ ही, Glitch पर कोड.

पीडब्ल्यूए सम्मेलन

क्या आपने इस महीने की शुरुआत में पीडब्ल्यूए सम्मेलन देखा?

हमें यह देखना अच्छा लगा कि कई लोग पीडब्ल्यूए के बारे में बात कर रहे हैं और अपने अनुभव. अगर आपने नहीं देखा, तो इसका मतलब है कि सभी वीडियो दिख रहे हैं. इसलिए, इन्हें देखना न भूलें को PWASummit.org पर भेजना है या पीडब्ल्यूए सम्मेलन YouTube चैनल.

उपयोगकर्ता-एजेंट रिडक्शन का ऑरिजिन ट्रायल

उपयोगकर्ता-एजेंट को कम करने की सुविधा, पैसिव ट्रैफ़िक को कम करने की एक कोशिश है उंगली से प्रिंट करने की सुविधा देने वाले प्लैटफ़ॉर्म. इसके लिए, उपयोगकर्ता एजेंट में मौजूद जानकारी को कम किया जाता है स्ट्रिंग को केवल ब्राउज़र के ब्रांड और महत्वपूर्ण वर्शन, उसके डेस्कटॉप या और जिस पर वह चल रहा है उसके लेवल के बारे में भी बताया गया है.

Chrome 95 की शुरुआत में, एक नया ऑरिजिन ट्रायल उपलब्ध है. की मदद से, अब कम की गई UA स्ट्रिंग पाने के लिए ऑप्ट इन किया जा सकता है. इससे चालू हो जाएगा आपको UA के डिफ़ॉल्ट रूप में बदलने से पहले समस्याओं का पता लगाकर उन्हें ठीक करना होगा उपयोगकर्ता व्यवहार कैसा रहेगा.

ये बदलाव कई रिलीज़ पर बढ़ते हुए लागू होंगे. हालांकि, इसकी तैयारी और जांच करने के लिए आपको जो कुछ भी तैयार करना है वह अभी तैयार है.

सभी विवरण और समयावधि उपयोगकर्ता-एजेंट को कम करने के ऑरिजिन ट्रायल के बारे में पोस्ट developer.chrome.com.

और भी कई सुविधाएं!

बेशक वहां और भी बहुत कुछ है.

इसके बारे में और पढ़ें

इसमें सिर्फ़ कुछ अहम हाइलाइट के बारे में बताया गया है. इसके लिए नीचे दिए गए लिंक देखें Chrome 95 में हुए अतिरिक्त बदलावों के बारे में बताया है.

सदस्यता लें

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

मैं हूं पीट लेपेज. जैसे ही Chrome 96 रिलीज़ होगा, मैं यहीं हूं Chrome में नया क्या है!