Chrome 91 में नया

Pete LePage

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

नमस्ते, मैं पीट लेपेज हूं. फ़िलहाल, मैं घर से काम कर रहा हूं और वीडियो रिकॉर्ड कर रहा हूं. आइए, Chrome 91 में डेवलपर के लिए उपलब्ध नई सुविधाओं के बारे में जानें!

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

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

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

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 के सभी वीडियो अब ऑनलाइन उपलब्ध हैं. इनमें बहुत कुछ ऐसा है जो आपको पसंद आएगा. इसलिए, इन्हें देखना न भूलें!

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

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

फ़ॉर्म के नए एलिमेंट, आखिरकार 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 डेवलपर के YouTube चैनल की सदस्यता लें. ऐसा करने पर, जब भी हम कोई नया वीडियो लॉन्च करेंगे, आपको ईमेल से सूचना मिलेगी.

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