Chrome 100 में नया

Pete LePage

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

मेरा नाम पीट लेपेज है. आइए, इस बारे में ज़्यादा जानें कि Chrome 100 में डेवलपर के लिए क्या नया है.

Chrome 100

जब ब्राउज़र पहली बार वर्शन 10 पर पहुंचे, तो मेजर वर्शन नंबर एक अंक से दो अंकों तक पहुंचने की वजह से कुछ समस्याएं आई थीं. हमें उम्मीद है कि हमने कुछ ऐसी बातें सीखी हैं जिनसे दो अंकों से तीन अंकों में बदलाव करने में आसानी होगी.

Chrome और Firefox का लोगो

Chrome 100 अब उपलब्ध है और Firefox 100 जल्द ही उपलब्ध होगा. तीन अंकों वाले ये वर्शन नंबर, उन साइटों के लिए समस्या पैदा कर सकते हैं जो ब्राउज़र वर्शन की पहचान करने के लिए किसी न किसी तरीके का इस्तेमाल करती हैं. पिछले कुछ महीनों में, Firefox और Chrome की टीम ने कुछ प्रयोग किए. इनमें ब्राउज़र के वर्शन नंबर के तौर पर 100 दिखाया गया, जबकि वह असल में 100 नहीं था.

इस वजह से, कुछ समस्याएं सामने आईं. इनमें से कई समस्याओं को पहले ही ठीक कर दिया गया है. लेकिन, हमें आपकी मदद की ज़रूरत है.

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

ज़्यादा जानकारी के लिए, web.dev पर Chrome और Firefox के जल्द ही मेजर वर्शन 100 पर पहुंचने के बारे में जानें.

वेब से जुड़े 100 शानदार मोमेंट

100 शानदार वेब पलों की प्रोमो इमेज

वेब को बढ़ते हुए देखना और Chrome के पिछले 100 रिलीज़ में आपके बनाए गए सभी बेहतरीन आइटम देखना, हमारे लिए बहुत दिलचस्प रहा है. हमें लगा कि यादगार लम्हों को फिर से देखना और पिछले 14 सालों में हुए #100CoolWebments का जश्न मनाना काफ़ी मज़ेदार होगा.

हमें बताएं कि आपको कौनसे पलों को सबसे ज़्यादा पसंद आया. अगर हमने कुछ छूटा है (और हमें पक्का है कि ऐसा हुआ है), तो हमें @Chromiumdev पर ट्वीट करें. साथ ही, #100CoolWebMoments का इस्तेमाल करें. आनंद लें!

छोटी की गई यूज़र-एजेंट स्ट्रिंग

उपयोगकर्ता एजेंट के बारे में बात करते हुए, Chrome 100 वह आखिरी वर्शन होगा जो डिफ़ॉल्ट रूप से, कम नहीं की गई उपयोगकर्ता-एजेंट स्ट्रिंग के साथ काम करेगा. यह रणनीति का एक हिस्सा है, जिसमें यूज़र-एजेंट स्ट्रिंग के इस्तेमाल को, नए User-Agent Client Hints API से बदला जा रहा है.

Chrome 101 से, उपयोगकर्ता एजेंट को धीरे-धीरे कम किया जाएगा.

[Chromium ब्लॉग][crblog] पर, उपयोगकर्ता एजेंट हेडर में दी गई जानकारी को कम करने के लिए ऑरिजिन ट्रायल और तारीखें देखें. इससे आपको यह जानने में मदद मिलेगी कि क्या और कब हटाया जाएगा.

मल्टी-स्क्रीन विंडो प्लेसमेंट एपीआई

कुछ ऐप्लिकेशन के लिए, नई विंडो खोलना और उन्हें किसी खास जगह या डिसप्ले पर दिखाना एक ज़रूरी सुविधा है. उदाहरण के लिए, Slides का इस्तेमाल करके प्रज़ेंटेशन करते समय, मुझे प्राइमरी डिसप्ले पर स्लाइड फ़ुल स्क्रीन में दिखें और दूसरे डिसप्ले पर मेरे स्पीकर नोट दिखें.

मल्टी-स्क्रीन विंडो प्लेसमेंट एपीआई की मदद से, उपयोगकर्ता की मशीन से कनेक्ट डिसप्ले की गिनती की जा सकती है. साथ ही, विंडो को खास स्क्रीन पर प्लेस किया जा सकता है.

window.screen.isExtended का इस्तेमाल करके, यह तुरंत देखा जा सकता है कि डिवाइस से एक से ज़्यादा स्क्रीन कनेक्ट हैं या नहीं.

const isExtended = window.screen.isExtended;
// returns true/false

हालांकि, मुख्य फ़ंक्शन window.getScreenDetails() में है, जो अटैच किए गए डिसप्ले के बारे में जानकारी देता है.

const x = await window.getScreenDetails();
// returns
// {
//    currentScreen: {...}
//    oncurrentscreenchange: null
//    onscreenschange: null
//    screens: [{...}, {...}]
// }

उदाहरण के लिए, प्राइमरी स्क्रीन तय करने के बाद, उस डिसप्ले पर किसी एलिमेंट को फ़ुल स्क्रीन में बनाने के लिए requestFullscreen() का इस्तेमाल किया जा सकता है.

try {
  const screens = await window.getScreenDetails();
  const primary = screens
         .filter((screen) => screen.primary)[0]
  await elem.requestFullscreen({ screen: primary });
} catch (err) {
  console.error(err);
}

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

const screens = await window.getScreenDetails();
let numScreens = screens.screens.length;
screens.addEventListener('screenschange', (event) => {
  if (screens.screens.length !== numScreens) {
    console.log('Screen count changed');
    numScreens = screens.screens.length;
  }
});

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

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

इसके अलावा, और भी बहुत कुछ है.

एचआईडी डिवाइसों के लिए, forget() का एक नया तरीका उपलब्ध है. इसकी मदद से, उपयोगकर्ता से मिली एचआईडी डिवाइस को दी गई अनुमति वापस ली जा सकती है.

// Request an HID device.
const [device] = await navigator.hid.requestDevice(opts);


// Then later, revoke permission to the device.
await device.forget();

साथ ही, WebNFC के लिए, makeReadOnly() तरीके से एनएफ़सी टैग को हमेशा के लिए रीड-ओनली किया जा सकता है.

const ndef = new NDEFReader();
await ndef.makeReadOnly();

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

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

सदस्यता लें

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

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