Đường dẫn chuyển động của CSS, bộ nhớ đệm cho thao tác tiến/lùi NotrecoveryReason API, Tính năng hình trong hình của tài liệu, v.v.
Trừ phi có ghi chú khác, các thay đổi được mô tả sẽ áp dụng cho bản phát hành kênh thử nghiệm beta mới nhất của Chrome dành cho Android, ChromeOS, Linux, macOS và Windows. Tìm hiểu thêm về các tính năng được liệt kê tại đây thông qua các đường liên kết được cung cấp hoặc từ danh sách trên ChromeStatus.com. Chrome 116 là phiên bản thử nghiệm beta kể từ ngày 19 tháng 7 năm 2023. Bạn có thể tải xuống những bản phát hành mới nhất trên Google.com dành cho máy tính hoặc trên Cửa hàng Google Play trên Android.
CSS
Bản phát hành này bổ sung hai tính năng mới cho Dịch vụ so sánh giá (CSS).
Đường dẫn chuyển động CSS
Đường dẫn chuyển động cho phép tác giả định vị bất kỳ đối tượng đồ hoạ nào và tạo ảnh động cho đối tượng đó theo đường dẫn do nhà phát triển chỉ định. Điều này cho phép một số khả năng biến đổi mới mạnh mẽ, chẳng hạn như định vị bằng toạ độ cực (với hàm ray()) thay vì toạ độ hình chữ nhật chuẩn mà hàm translate() sử dụng, hoặc tạo ảnh động cho một phần tử dọc theo đường dẫn đã xác định. Điều này giúp dễ dàng xác định các hiệu ứng chuyển đổi không gian 2d đẹp và phức tạp. Bạn có thể chỉ định đường dẫn là circle(), ellipse(), rect(), inset(), xywh(), polygon(), ray() và url().
Ảnh động hiển thị và hiển thị nội dung
Chrome 116 hỗ trợ các thuộc tính display và content-visibility trong ảnh động khung hình chính. Tính năng hỗ trợ này cho phép nhà phát triển tạo ảnh động thoát, sau đó phần tử tự động trở thành display: none hoặc content-visibility: hidden mà không cần viết JavaScript để xử lý thao tác chuyển đổi đó sau khi ảnh động hoàn tất. Điều này cho phép ảnh động thoát cho các phần tử chỉ được thêm vào trong CSS.
API web
AbortSignal.any()
Trả về một tín hiệu bị huỷ bỏ khi bất kỳ tín hiệu nguồn nào trong số này bị huỷ bỏ. Nhà phát triển có thể sử dụng dữ liệu này để kết hợp các nguồn huỷ bỏ độc lập, chẳng hạn như thời gian chờ được chỉ định bằng AbortSignal.timeout() và các tín hiệu liên kết với một abortController và truyền các nguồn đó đến các API không đồng bộ như fetch().
Hỗ trợ BYOB cho Tìm nạp
Việc triển khai ReadableStream của Chrome hỗ trợ trình đọc mang bộ đệm của riêng bạn (BYOB) đối với các luồng byte có thể đọc được. Response.body hiện cũng là một luồng byte có thể đọc được thay vì "mặc định" luồng có thể đọc được. Điều này cho phép sử dụng API Tìm nạp với trình đọc BYOB, giảm chi phí thu thập rác và bản sao, đồng thời cải thiện khả năng phản hồi của người dùng. Blob.stream() hiện cũng hưởng lợi từ tính năng tối ưu hoá này.
Bộ nhớ đệm cho thao tác tiến/lùi NotRestoreReason API
API NotrecoveryReason sẽ báo cáo danh sách lý do khiến một trang không được phân phát từ BFcache trong cấu trúc cây khung, thông qua PerformanceNavigationTiming API.
Chế độ hình trong hình của tài liệu
Tài liệu Hình trong hình thêm một API mới để mở cửa sổ luôn bật (luôn hiển thị) có thể được điền sẵn bằng HTMLElements tuỳ ý. Đây là bản mở rộng dựa trên API HTMLVideoElement hiện có, chỉ cho phép đưa một HTMLVideoElement vào cửa sổ Hình trong hình (PiP). Điều này cho phép các nhà phát triển web cung cấp trải nghiệm PiP tốt hơn cho người dùng.
Ký tự đại diện mở rộng trong nguồn gốc của chính sách về quyền
Ký tự đại diện miền con trong danh sách cho phép mang lại một số tính linh hoạt có giá trị, nhưng khác với các trình phân tích cú pháp ký tự đại diện hiện có, đồng thời bắt buộc phải có mã mới cũng như thông số kỹ thuật. Ý định này sẽ giảm mức hao tổn đó bằng cách sử dụng lại các phần trong quy cách hiện có của Chính sách bảo mật nội dung, đồng thời cho phép scheme + wildcard domain và wildcard port nằm trong danh sách cho phép. Cụ thể, ý định này sẽ áp dụng định nghĩa nguồn máy chủ lưu trữ và nguồn sơ đồ thay vì nguồn gốc trong định nghĩa Danh sách cho phép, đồng thời yêu cầu phần đường dẫn phải để trống (vì Chính sách về quyền áp dụng cho các nguồn gốc trùng khớp).
Gói FedCM: API Gợi ý đăng nhập, API thông tin người dùng và API ngữ cảnh RP
Bản cập nhật đi kèm này cho phép tuỳ chỉnh quy trình đăng nhập liên kết sử dụng API Quản lý thông tin xác thực liên kết (FedCM).
Với API Gợi ý đăng nhập, bên phụ thuộc (RP) có thể chỉ định gợi ý về tài khoản người dùng mà họ muốn xuất hiện trong giao diện người dùng FedCM. Tính năng này chủ yếu dùng để cung cấp trải nghiệm tốt hơn cho người dùng cũ.
API Thông tin người dùng cho phép nhà cung cấp danh tính (IdP) tìm nạp thông tin người dùng để có thể cá nhân hoá trải nghiệm đăng nhập cho người dùng cũ, chẳng hạn như thông qua các nút "Đăng nhập bằng IdP" được cá nhân hoá.
Với RP Context API, RP có thể yêu cầu hộp thoại FedCM thay thế tiêu đề "Đăng nhập" bằng "Đăng ký", "Sử dụng" hoặc "Tiếp tục" để điều chỉnh ý định thực tế cho người dùng.
Sự kiện nhập/rời khỏi bằng chuột và con trỏ không kết hợp
Làm cho thuộc tính event.composed trong các sự kiện mouseenter, mouseleave, pointerenter và pointerleave "false" để tuân thủ quy cách và khắc phục các khoảng trống khả năng tương tác. Cả quy cách Sự kiện trên giao diện người dùng cho Sự kiện chuột và quy cách Sự kiện con trỏ đều xác định các sự kiện này là sự kiện không được soạn. Ngoài việc giải quyết khoảng cách khả năng tương tác, thay đổi này cũng khắc phục việc gửi nhầm hai hoặc ba sự kiện này đến máy chủ DOM bóng trong Chromium khi DOM bóng cũng lắng nghe sự kiện.
Xoá tính kế thừa hộp cát document.open
Hiện tại, cờ Hộp cát của phương thức gọi hiện được áp dụng cho hàm được gọi khi document.open nhắm mục tiêu một cửa sổ khác. Sau khi chúng tôi thực hiện thay đổi này, vấn đề này sẽ không còn nữa.
Báo cáo Nghiêm trọng-CH gây ra tình trạng khởi động lại trong NavigationTiming
Các trang web có thể cho biết rằng một Gợi ý ứng dụng cụ thể đóng vai trò quan trọng đối với trang bằng cách đưa gợi ý đó vào tiêu đề phản hồi HTTP Critical-CH. Thao tác này sẽ kích hoạt quá trình khởi động lại kết nối nếu gợi ý được liệt kê trong tiêu đề phản hồi HTTP Critical-CH có thể (nhưng chưa được đưa vào) trong yêu cầu HTTP được gửi ban đầu. Ý định này đề xuất thêm readonly attribute DOMHighResTimeStamp criticalCHRestart; vào giao diện PerformanceNavigationTiming.
Bản dùng thử theo nguyên gốc đang diễn ra
Trong Chrome 116, bạn có thể chọn tham gia các bản dùng thử theo nguyên gốc mới sau đây.
COOP: thuộc tính hạn chế
Chính sách mở trên nhiều nguồn gốc được dùng để cắt bỏ mối quan hệ giữa cửa sổ bật lên và trình mở, nhằm tăng cường tính bảo mật. "restrict-properties" là một giá trị được đề xuất giới hạn mối quan hệ thay vì cắt bỏ hoàn toàn mối quan hệ đó. Phương thức này sẽ bật CrossOriginIsolated khi ghép nối với COEP.
Đăng ký tham gia chương trình dùng thử nguồn gốc thuộc tính bị hạn chế của COOP.
API trạng thái đăng nhập FedCM
API Trạng thái đăng nhập qua IdP của API Quản lý thông tin xác thực liên kết (FedCM) cho phép nhà cung cấp danh tính (IdP) phát tín hiệu cho trình duyệt khi người dùng đăng nhập/đăng xuất. Nhờ đó, FedCM có thể tăng các thuộc tính quyền riêng tư bằng cách tối ưu hoá trải nghiệm người dùng.
Đăng ký dùng thử theo nguyên gốc Trạng thái đăng nhập FedCM
API EditContext
EditContext API đơn giản hoá quá trình tích hợp ứng dụng web với các phương thức nhập văn bản nâng cao như viết hình dạng VK, bảng điều khiển chữ viết tay, nhận dạng lời nói và Cấu trúc IME. API này cải thiện khả năng hỗ trợ tiếp cận và hiệu suất, đồng thời mở ra các tính năng mới cho trình chỉnh sửa dựa trên nền tảng web.
Đăng ký dùng thử theo nguyên gốc EditContext API
Thời gian khung ảnh động dài
Đây là phần mở rộng của các tác vụ dài. Lớp này đo lường tác vụ cùng với bản cập nhật kết xuất tiếp theo, thêm các thông tin như tập lệnh chạy trong thời gian dài, thời gian kết xuất và thời gian dành cho bố cục và kiểu bắt buộc, còn gọi là đập ngăn bố cục.
Các nhà phát triển có thể dùng chỉ số này làm dữ liệu chẩn đoán cho "tình trạng chậm" (được đo bằng INP) bằng cách tìm ra nguyên nhân gây ra tình trạng tắc nghẽn luồng chính (thường là nguyên nhân gây ra INP không hợp lệ).
Đăng ký dùng thử theo nguyên gốc Long Animation Frame Timing