Dưới đây là những gì bạn cần phải biết:
- API Chuyển đổi khung hiển thị mới hỗ trợ Chuyển đổi nhiều tài liệu.
- API CloseWatcher sẽ xuất hiện trở lại.
- Gamepad API hiện bao gồm trigger-rumble.
- Và còn nhiều nhiều lợi ích khác.
Tôi là Adriana Jara. Hãy cùng tìm hiểu xem có gì mới dành cho nhà phát triển trong Chrome 126.
Hiệu ứng chuyển đổi chế độ xem trên nhiều tài liệu cho thao tác điều hướng trên cùng nguồn gốc
API chuyển đổi khung hiển thị mang đến cho bạn khả năng tạo hiệu ứng chuyển đổi hình ảnh liền mạch giữa nhiều khung hiển thị. Giờ đây, API này có sẵn theo mặc định cho các thao tác điều hướng cùng nguồn gốc. Trước đây, tính năng này chỉ dành cho các cấu trúc ứng dụng trang đơn.
Để triển khai việc chuyển đổi chế độ xem trên nhiều tài liệu, cả hai đầu cần phải chọn tham gia. Để thực hiện việc này, hãy sử dụng quy tắc chuyển đổi khung hiển thị và thiết lập chỉ số mô tả điều hướng thành tự động.
Việc chuyển đổi chế độ xem trên nhiều tài liệu sử dụng các thành phần và nguyên tắc giống như hiệu ứng chuyển đổi giữa các chế độ xem cùng một tài liệu.
@view-transition {
navigation: auto;
}
Hãy tham khảo bài viết Chuyển đổi mượt mà bằng API Chuyển đổi khung hiển thị để biết thông tin chi tiết, xem nhiều ví dụ hơn.
Đã bật lại API CloseWatcher
Đối với các phần tử <dialog>
và popover=""
, API CloseWatcher giúp xử lý các yêu cầu đóng dễ dàng hơn,
như phím ESC trên nền tảng máy tính hoặc thao tác quay lại trên Android.
Tính năng này ban đầu được tích hợp trong Chrome 120 nhưng đã bị vô hiệu hoá do tương tác không mong muốn với phần tử hộp thoại. Tính năng này đã được bật lại trong Chrome 126 sau những điểm cải tiến để giảm thiểu các vấn đề trước đó.
Để tìm hiểu cách sử dụng CloseWatcher, hãy truy cập bản minh hoạ.
Tiện ích mở rộng điều kiện kích hoạt API Gamepad
Chức năng kích hoạt âm thanh hiện là một phần của Gamepad API. Nâng cao trải nghiệm chơi trò chơi trên web cho tay điều khiển tương thích.
trigger-rumble
mở rộng GamepadHapticActuator
, là giao diện đại diện cho phần cứng trong tay điều khiển được thiết kế để cung cấp phản hồi xúc giác cho người dùng (nếu có). trigger-rumble
cho phép các ứng dụng web sử dụng Gamepad API (API Tay điều khiển trò chơi) cũng rung kích hoạt của những thiết bị tay điều khiển đó.
Với mã sau, bạn có thể kiểm tra xem chức năng này có được hỗ trợ trong trình duyệt hay không và cách kích hoạt — chơi chữ —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,
});
};
Hãy xem Chơi trò chơi khủng long trên Chrome bằng tay điều khiển trò chơi để biết thêm thông tin về cách tận dụng tối đa API Gamepad.
Và nhiều tính năng khác!
Tất nhiên là còn nhiều tính năng khác nữa.
GeolocationCoordinates
vàGeolocationPosition
hiện bao gồm một phương thức.toJSON()
.Trong bản cập nhật DevTools, bạn có thể kiểm tra bộ chứa lưu trữ trong cây chuyên dụng trong Ứng dụng > Phần Bộ nhớ.
ChromeOS hiện hỗ trợ chế độ thẻ cho ứng dụng web.
Tài liệu đọc thêm
Bài viết này chỉ đề cập đến một số điểm nổi bật chính. Kiểm tra các đường liên kết sau để các thay đổi bổ sung trong Chrome 126.
- Tính năng mới trong Công cụ của Chrome cho nhà phát triển (126)
- Nội dung cập nhật ChromeStatus.com cho Chrome 126
- Danh sách thay đổi kho lưu trữ nguồn Chromium
- Lịch phát hành Chrome
Đăng ký
Để cập nhật thông tin, hãy đăng ký Kênh YouTube dành cho nhà phát triển Chrome, và bạn sẽ nhận được thông báo qua email mỗi khi chúng tôi ra mắt video mới.
Xin chào Adriana Jara! Ngay sau khi Chrome 127 được phát hành, tôi sẽ cho bạn biết các tính năng mới trong Chrome!