इस पेज का अनुवाद Cloud Translation API से किया गया है.

Chrome 100 में नया

Pete LePage

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

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

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

Chrome 100

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

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

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

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

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

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

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

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

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

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