আপনার যা জানা দরকার তা এখানে:
- View Transitions API-এ ক্রস-ডকুমেন্ট ট্রানজিশন নতুনভাবে সমর্থিত।
- CloseWatcher API আবার উপলব্ধ।
- গেমপ্যাড এপিআই এখন ট্রিগার-রম্বল অন্তর্ভুক্ত করে।
- এবং আরো অনেক আছে.
আমি আদ্রিয়ানা জারা। চলুন ডুব দিয়ে দেখি Chrome 126-এ ডেভেলপারদের জন্য নতুন কী আছে।
একই-অরিজিন নেভিগেশনের জন্য ক্রস-ডকুমেন্ট ভিউ ট্রানজিশন
ভিউ ট্রানজিশন API আপনাকে বিভিন্ন ভিউয়ের মধ্যে নিরবচ্ছিন্ন ভিজ্যুয়াল ট্রানজিশন তৈরি করার ক্ষমতা দেয় এবং এখন এটি একই-অরিজিন নেভিগেশনের জন্য ডিফল্টরূপে উপলব্ধ। পূর্বে এটি শুধুমাত্র একক পৃষ্ঠার অ্যাপ্লিকেশন আর্কিটেকচারের জন্য উপলব্ধ ছিল।
একটি ক্রস-ডকুমেন্ট ভিউ ট্রানজিশন বাস্তবায়ন করতে, উভয় প্রান্তকে অপ্ট-ইন করতে হবে। এটি করার জন্য, ভিউ-ট্রানজিশন অ্যাট-রুল ব্যবহার করুন এবং নেভিগেশন বর্ণনাকারীকে অটোতে সেট করুন।
ক্রস-ডকুমেন্ট ভিউ ট্রানজিশন একই-ডকুমেন্ট ভিউ ট্রানজিশন হিসাবে একই বিল্ডিং ব্লক এবং নীতিগুলি ব্যবহার করে।
@view-transition {
navigation: auto;
}
বিশদ বিবরণের জন্য ভিউ ট্রানজিশন API সহ স্মুথ ট্রানজিশন দেখুন, নমুনা আরও বেশি।
CloseWatcher API পুনরায় সক্ষম করা হয়েছে৷
<dialog> এবং popover="" উপাদানগুলির জন্য, CloseWatcher API ডেস্কটপ প্ল্যাটফর্মে ESC কী বা অ্যান্ড্রয়েডে পিছনের অঙ্গভঙ্গির মতো ঘনিষ্ঠ অনুরোধগুলি পরিচালনা করা সহজ করে তোলে।
এই বৈশিষ্ট্যটি মূলত Chrome 120 এ পাঠানো হয়েছিল, কিন্তু ডায়ালগ উপাদানের সাথে একটি অপ্রত্যাশিত ইন্টারঅ্যাকশনের কারণে এটি অক্ষম করা হয়েছে৷ পূর্ববর্তী সমস্যাগুলি কমানোর জন্য উন্নতির পরে Chrome 126-এ এটি পুনরায় সক্রিয় করা হয়েছে।
CloseWatcher কিভাবে ব্যবহার করবেন তা জানতে এর ডেমো দেখুন।
গেমপ্যাড এপিআই ট্রিগার-রাম্বল এক্সটেনশন
ট্রিগার-রম্বল ক্ষমতা এখন গেমপ্যাড API- এর অংশ। এটি সামঞ্জস্যপূর্ণ কন্ট্রোলারের জন্য ওয়েবে গেমিং অভিজ্ঞতা বাড়ায়।
trigger-rumble GamepadHapticActuator প্রসারিত করে, এটি একটি ইন্টারফেস যা ব্যবহারকারীকে হ্যাপটিক প্রতিক্রিয়া প্রদানের জন্য ডিজাইন করা কন্ট্রোলারে হার্ডওয়্যার উপস্থাপন করে (যদি উপলব্ধ থাকে)। trigger-rumble সেইসব গেমপ্যাড ডিভাইসের ট্রিগারগুলিকে কম্পিত করতে গেমপ্যাড 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,
});
};
গেমপ্যাড এপিআই ব্যবহার করতে আরও তথ্যের জন্য আপনার গেমপ্যাড দিয়ে ক্রোম ডিনো গেম খেলুন দেখুন।
এবং আরো!
অবশ্যই আরো অনেক আছে.
GeolocationCoordinatesএবংGeolocationPositionএখন একটি.toJSON()পদ্ধতি অন্তর্ভুক্ত করে।DevTools আপডেটে , আপনি অ্যাপ্লিকেশন > স্টোরেজ বিভাগে একটি ডেডিকেটেড ট্রিতে স্টোরেজ বালতি পরিদর্শন করতে পারেন।
ChromeOS এখন ওয়েব অ্যাপের জন্য ট্যাবড মোড সমর্থন করে৷
আরও পড়া
এটি শুধুমাত্র কিছু মূল হাইলাইট কভার করে। Chrome 126-এ অতিরিক্ত পরিবর্তনের জন্য নিম্নলিখিত লিঙ্কগুলি দেখুন।
- Chrome DevTools এ নতুন কি আছে (126)
- Chrome 126-এর জন্য ChromeStatus.com আপডেট
- Chromium সোর্স রিপোজিটরি পরিবর্তনের তালিকা
- ক্রোম রিলিজ ক্যালেন্ডার
সাবস্ক্রাইব
আপ টু ডেট থাকার জন্য, Chrome Developers YouTube চ্যানেলে সাবস্ক্রাইব করুন , এবং যখনই আমরা একটি নতুন ভিডিও লঞ্চ করব আপনি একটি ইমেল বিজ্ঞপ্তি পাবেন৷
Yo soy Adriana Jara, এবং Chrome 127 রিলিজ হওয়ার সাথে সাথে, Chrome-এ নতুন কী আছে তা বলতে আমি এখানেই থাকব!