Chrome 126 में नया

Adriana Jara

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

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

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

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

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

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

@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 की मदद से, वेब ऐप्लिकेशन उन गेमपैड डिवाइसों के ट्रिगर को भी वाइब्रेट कर सकते हैं जो Gamepad API का इस्तेमाल करते हैं.

नीचे दिए गए कोड की मदद से, यह देखा जा सकता है कि यह सुविधा ब्राउज़र में काम करती है या नहीं. साथ ही, इसे ट्रिगर करने का तरीका भी देखा जा सकता है— चुटकुला करना था —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 में नया क्या है!