Chrome 126 में नया

Adriana Jara

यहां आवश्यक जानकारी दी गई है:

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

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

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

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

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

@view-transition {
  navigation: auto;
}

ज़्यादा जानकारी के लिए, 'ट्रांज़िशन एपीआई' के साथ आसान ट्रांज़िशन पर जाएं. सैंपल ज़्यादा हैं.

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

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