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