Chrome 91 में नया

Pete LePage

यहां आवश्यक जानकारी दी गई है:

मैं पीट लीपेज हूं, घर से काम कर रहा/रही हूं और शूट कर रही हूं. चलिए, देखते हैं कि Chrome 91 में डेवलपर के लिए नया क्या है!

File System Access API के लिए सुझाए गए नाम

इस साल Fugu प्रोजेक्ट से बाहर निकलने वाला, मेरे पसंदीदा एपीआई में से एक है File System Access API. उपयोगकर्ता की अनुमति मिलने के बाद, ऐप्लिकेशन उपयोगकर्ता के लोकल डिवाइस पर मौजूद फ़ाइलों के साथ इंटरैक्ट कर सकते हैं.

Chrome 91 से, अब किसी फ़ाइल या डायरेक्ट्री के नाम और जगह का सुझाव दिया जा सकता है. ऐसा करने के लिए, suggestedName प्रॉपर्टी को showSaveFilePicker विकल्प के हिस्से के तौर पर पास करें.

const fileHandle = await self.showSaveFilePicker({
  suggestedName: 'Untitled Text.txt',
  types: [{
    description: 'Text documents',
    accept: {
      'text/plain': ['.txt'],
    },
  }],
});

डिफ़ॉल्ट शुरुआती डायरेक्ट्री पर भी यही बात लागू होती है. उदाहरण के लिए, हो सकता है कि कोई टेक्स्ट एडिटर, documents फ़ोल्डर में फ़ाइल सेव करने या फ़ाइल खोलने वाला डायलॉग बॉक्स शुरू करना चाहता हो. वहीं, इमेज एडिटर शायद pictures फ़ोल्डर से शुरू करना चाहता है. startIn प्रॉपर्टी पास करके, डिफ़ॉल्ट स्टार्ट डायरेक्ट्री का सुझाव दिया जा सकता है.

const fileHandle = await self.showOpenFilePicker({
  startIn: 'documents'
});

पूरी जानकारी के लिए, राकेश की फ़ाइल सिस्टम ऐक्सेस पोस्ट देखें.

क्लिपबोर्ड से फ़ाइलें पढ़ी जा रही हैं

इसके अलावा, Chrome 91 में मौजूद फ़ाइलों के साथ इंटरैक्ट करने वाला एक और नया एपीआई भी है. डेस्कटॉप पर, वेब ऐप्लिकेशन अब क्लिपबोर्ड पर मौजूद फ़ाइलें पढ़ सकते हैं. (क्लिपबोर्ड में सेव की गई फ़ाइलों को Safari में 2018 से उपलब्ध है.)

आपको क्लिपबोर्ड पर बिना पाबंदी का ऐक्सेस नहीं मिलता है. इसलिए, आपको paste इवेंट लिसनर सेट-अप करना होगा. इसके बाद, इवेंट हैंडलर में क्लिपबोर्ड पर हर फ़ाइल का कॉन्टेंट ऐक्सेस किया जा सकता है.

window.addEventListener('paste', onPaste);

async function onPaste(e) {
  const file = e.clipboardData.files[0];
  const contents = await file.text();
  ...
}

सहयोगी साइटों पर क्रेडेंशियल शेयर करें

अगर आपकी साइट में एक से ज़्यादा डोमेन हैं और उनका खाता मैनेजमेंट बैकएंड एक ही है, तो अब अपनी साइटों को एक-दूसरे से जोड़ा जा सकता है. इससे, उपयोगकर्ता एक बार क्रेडेंशियल सेव कर सकते हैं और Chrome पासवर्ड मैनेजर से अपनी किसी भी सहयोगी साइट के लिए सुझाव पा सकते हैं.

यह तब सही होता है, जब आपकी साइट को अलग-अलग टॉप लेवल डोमेन, जैसे कि google.com और google.ca से दिखाया जाता है. या हो सकता है कि आपके पास कई डोमेन नाम हों.

अपनी वेबसाइटों को जोड़ने के लिए, आपको एक ऐसी assetlinks.json फ़ाइल बनानी होगी जो डोमेन के बीच के संबंध के बारे में बताए. नीचे दिए गए उदाहरण में, मैंने ब्राउज़र को बताया है कि .com और .co.uk, दोनों डोमेन एक-दूसरे से जुड़े हैं और क्रेडेंशियल शेयर किए जा सकते हैं.

[{
  "relation": ["delegate_permission/common.get_login_creds"],
  "target": {
    "namespace": "web",
    "site": "https://www.example.com"
  }
 },
{
  "relation": ["delegate_permission/common.get_login_creds"],
  "target": {
    "namespace": "web",
    "site": "https://www.example.co.uk"
  }
 }]

इसके बाद, हर डोमेन के लिए .well-known फ़ोल्डर में assetlinks.json फ़ाइल होस्ट करें.

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

और ज़्यादा!

बेशक, यहां बहुत कुछ है.

I/O 2021 के सभी वीडियो अब ऑनलाइन हैं और वहां कुछ बहुत बढ़िया कॉन्टेंट है, इसलिए उसे देखें!

वेब ट्रांसपोर्ट को पहले Quic Transport कहा जाता था. इसमें कई बदलाव हुए हैं और यह एक नया ऑरिजिन ट्रायल शुरू कर रहा है.

वेब असेंबली सिमD ने अपना ऑरिजिन ट्रायल खत्म कर लिया है और यह सभी उपयोगकर्ताओं के लिए उपलब्ध है.

फ़ॉर्म के रीफ़्रेश किए गए एलिमेंट अब Android पर उपलब्ध हैं. इससे उपयोगकर्ता अनुभव बेहतर हुआ है.

साथ ही, <link> एलिमेंट के media एट्रिब्यूट का इस्तेमाल link rel="icon" के लिए किया जाएगा. इसका मतलब है कि मीडिया से जुड़ी क्वेरी के आधार पर, अलग-अलग आइकॉन तय किए जा सकते हैं. उदाहरण के लिए, गहरे और हल्के रंग वाले मोड के लिए अलग-अलग आइकॉन.

<link
  rel="icon"
  media="(prefers-color-scheme: dark)"
  href="/icons/dark.png">
<link
  rel="icon"
  media="(prefers-color-scheme: light)"
  href="/icons/light.png">

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

इसमें सिर्फ़ कुछ खास बातों के बारे में बताया गया है. Chrome 91 में और बदलावों के बारे में जानने के लिए, नीचे दिए गए लिंक पर जाएं.

सदस्यता लें

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

मैं हूं पीट लेपेज और Chrome 92 के रिलीज़ होते ही, मैं आपको बताऊंगी कि Chrome की नई चीज़ क्या है!