Chrome 126 में नया

Adriana Jara

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

मैं हूं एड्रियाना जारा. आइए, देखते हैं कि Chrome 126 में डेवलपर के लिए नया क्या है.

एक ही ऑरिजिन वाले नेविगेशन के लिए, क्रॉस-दस्तावेज़ व्यू ट्रांज़िशन

View Transits API की मदद से, अलग-अलग व्यू के बीच बिना किसी रुकावट के विज़ुअल ट्रांज़िशन बनाने की सुविधा मिलती है. यह सुविधा, एक ही ऑरिजिन वाले नेविगेशन के लिए डिफ़ॉल्ट रूप से उपलब्ध है. पहले यह सुविधा सिर्फ़ एक पेज के ऐप्लिकेशन आर्किटेक्चर के लिए उपलब्ध थी.

क्रॉस-डॉक्यूमेंट व्यू ट्रांज़िशन लागू करने के लिए, दोनों सिरों को ऑप्ट-इन करना होगा. ऐसा करने के लिए, नियम पर व्यू-ट्रांज़िशन का इस्तेमाल करें और नेविगेशन डिस्क्रिप्टर को 'अपने-आप' पर सेट करें.

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

@view-transition {
  navigation: auto;
}

ज़्यादा जानकारी के लिए, View Transit API की मदद से बिना किसी रुकावट के ट्रांज़िशन पर जाएं. यहां आपको ज़्यादा सैंपल मिलेंगे.

CloseWatcher API को फिर से चालू किया गया

<dialog> और popover="" एलिमेंट के लिए, CloseWatcher API की मदद से, मिलते-जुलते अनुरोधों को आसानी से मैनेज किया जा सकता है, जैसे कि डेस्कटॉप प्लैटफ़ॉर्म पर ESC बटन या Android पर बैक जेस्चर.

इस सुविधा को मूल रूप से Chrome 120 में शिप किया गया था. हालांकि, डायलॉग एलिमेंट के साथ अनचाहे इंटरैक्शन की वजह से इसे बंद कर दिया गया. सुधार करने के बाद Chrome 126 में इसे फिर से चालू किया गया, ताकि पिछली समस्याओं को कम किया जा सके.

CloseWatcher को इस्तेमाल करने का तरीका जानने के लिए, इसका डेमो पर जाएं.

Gamepad API ट्रिगर-रंबल एक्सटेंशन

ट्रिगर-रंबल की क्षमता अब Gamepad API का हिस्सा है. यह सुविधा, इसके साथ काम करने वाले कंट्रोलर के लिए वेब पर गेमिंग के अनुभव को बेहतर बनाती है.

trigger-rumble, GamepadHapticActuator को बेहतर बनाता है. यह एक ऐसा इंटरफ़ेस है जो कंट्रोलर के हार्डवेयर को दिखाता है. इसे उपयोगकर्ता को हैप्टिक फ़ीडबैक देने के लिए डिज़ाइन किया गया है (अगर उपलब्ध हो). trigger-rumble, गेमपैड एपीआई का इस्तेमाल करने वाले वेब ऐप्लिकेशन को उन गेमपैड डिवाइसों के ट्रिगर को वाइब्रेट करने की अनुमति भी देता है.

यहां दिए गए कोड की मदद से, यह पता लगाया जा सकता है कि यह सुविधा, ब्राउज़र पर काम करती है या नहीं. साथ ही, यह भी पता लगाया जा सकता है कि इसे ट्रिगर करने का तरीका क्या है —trigger-rumble

// This assumes a `Gamepad` as the value of the `gamepad` variable.
const triggerRumble = (gamepad, delay = 0, duration = 100, weak = 1.0, strong = 1.0) => {
  if (!('vibrationActuator' in gamepad)) {
    return;
  }
  // Feature detection.
  if (!('effects' in gamepad.vibrationActuator) || !gamepad.vibrationActuator.effects.includes('trigger-rumble')) {
    return;
  }
  gamepad.vibrationActuator.playEffect('trigger-rumble', {
    // Duration in ms.
    duration: duration,
    // The left trigger (between 0 and 1).
    leftTrigger: leftTrigger,
    // The right trigger (between 0 and 1).
    rightTrigger: rightTrigger,
  });
};

Gamepad API का ज़्यादा से ज़्यादा फ़ायदा पाने के बारे में ज़्यादा जानकारी पाने के लिए, अपने गेमपैड से Chrome Dino गेम खेलना लेख पढ़ें.

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

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

प्रॉडक्ट की पूरी जानकारी पढ़ें.

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

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

सदस्यता लें

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

यो सोय एड्रियाना जारा, Chrome 127 के रिलीज़ होते ही, मैं आपको Chrome की नई सुविधाओं के बारे में बताऊंगी!