Các loại màu và hệ màu mới của CSS, hàm lượng giác CSS và View Transitions API.
Trừ phi có ghi chú khác, những thay đổi sau đây á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 111 là phiên bản thử nghiệm beta kể từ ngày 9 tháng 2 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
Loại màu và không gian CSS mới
Tất cả các tính năng được mô tả trong Màu sắc cấp 4 của CSS hiện đã bật. Trong đó bao gồm 4 loại màu độc lập với thiết bị (lab, Oklab, lch và Oklch), hàm color() và hệ màu do người dùng xác định cho độ dốc và ảnh động.
Đọc Hướng dẫn màu CSS độ phân giải cao để tìm hiểu về các loại màu và không gian mới này.
Hàm color-mix()
Chức năng color-mix() cực kỳ hữu ích của CSS Color 5 cũng hỗ trợ việc vận chuyển. Hàm này cho phép kết hợp tỷ lệ phần trăm của một màu này thành một màu khác, trong bất kỳ hệ màu nào được hỗ trợ. Ví dụ sau đây kết hợp 10% blue vào white trong SRGB.
.item {
background-color: color-mix(in srgb, blue 10%, white);
}
Bộ chọn CSS 4 Lớp giả :nth-child(an + b của S)
Mở rộng :nth-child(an + b) và :nth-last-child() để lấy một bộ chọn. Ví dụ: :nth-child(3 of .c) là .c thứ ba trong một cấp độ gốc cụ thể. Để tìm hiểu thêm, hãy đọc bài đăng Kiểm soát thêm đối với các lựa chọn :nth-child() bằng cú pháp of S.
Đơn vị phông chữ gốc của CSS
Thêm các đơn vị phông chữ gốc: rex, rch, ric và rlh vào đơn vị phông chữ gốc hiện có của rem.
Hàm lượng giác CSS
Các hàm lượng giác sin(), cos(), tan(), asin(), acos(), atan(), atan2() đã được thêm vào biểu thức toán học CSS.
Truy vấn vùng chứa kiểu cho thuộc tính tuỳ chỉnh CSS
Thêm hàm style() vào các quy tắc @container để có thể áp dụng kiểu dựa trên giá trị đã tính toán của thuộc tính tuỳ chỉnh của một phần tử đối tượng cấp trên.
Thuộc tính baseline-source
Thuộc tính baseline-source cho phép nhà phát triển web chỉ định xem một hộp cấp dòng cùng dòng nên sử dụng đường cơ sở first hay last để căn chỉnh trong một hộp dòng.
API web
Chuỗi chính sách về quyền và quyền window-management
Chrome 111 thêm window-management làm bí danh cho các chuỗi quyền và chính sách quyền window-placement. Đây là một phần trong nỗ lực lớn hơn nhằm đổi tên các chuỗi bằng cách cuối cùng ngừng sử dụng và xoá window-placement. Việc thay đổi thuật ngữ giúp cải thiện tuổi thọ của phần mô tả vì API Quản lý cửa sổ phát triển theo thời gian.
Media Session API: Trình bày các thao tác trên Trang trình bày
Thêm các hành động previousslide và nextslide vào Media Session API hiện có.
ArrayBuffer có thể thay đổi kích thước và SharedArrayBuffer có thể phát triển
Mở rộng hàm khởi tạo ArrayBuffer để lấy thêm chiều dài tối đa cho phép tăng và thu gọn vùng đệm tại chỗ. Tương tự, SharedArrayBuffer được mở rộng để lấy thêm độ dài tối đa cho phép tăng trưởng tại chỗ.
Quy tắc suy đoán: khoá chính sách đường liên kết giới thiệu
Việc này mở rộng cú pháp của quy tắc suy đoán để cho phép nhà phát triển chỉ định chính sách đường liên kết giới thiệu để sử dụng với các yêu cầu suy đoán được kích hoạt bằng các quy tắc suy đoán. Việc này cũng ra mắt lại "Chính sách về đường liên kết giới thiệu đủ nghiêm ngặt" .
DOM bóng khai báo truyền trực tuyến
Thao tác này sẽ hỗ trợ thêm tính năng phát trực tuyến bằng cách đính kèm gốc bóng vào thẻ mở, thay vì thẻ mẫu đóng.
View Transitions API (API Chuyển đổi khung hiển thị)
Cho phép tạo các chuyển đổi hoàn thiện trong Ứng dụng trang đơn (SPA) bằng cách chụp nhanh các chế độ xem và cho phép DOM thay đổi mà không có bất kỳ sự chồng chéo nào giữa các trạng thái. Dùng hiệu ứng Chuyển đổi chế độ xem để tạo hiệu ứng chuyển đổi tuỳ chỉnh hoặc sử dụng chế độ mặc định chuyển đổi đơn giản để cải thiện trải nghiệm người dùng.
Hãy xem bài viết dành cho Nhà phát triển Chrome để biết thêm thông tin và ví dụ về cách chuyển đổi nhằm giúp bạn bắt đầu.
Tiện ích lập trình video có thể mở rộng WebRTC
Tiện ích này xác định một phương pháp tiêu chuẩn để chọn giữa các cấu hình Mã hoá video có thể mở rộng (SVC) trên một bản video WebRTC gửi đi.
Thuộc tính enabledFeatures của WebXR
Trả về tập hợp các tính năng đã được bật cho XRSession này theo chỉ định của XRSessionInit và các Tính năng ngụ ý theo yêu cầu của quy cách cho chế độ và các tính năng đã cho. Đối với một Phiên đã cấp, biến này sẽ chứa tất cả requiredFeatures, nhưng có thể là một tập hợp con của optionalFeatures. Hầu hết tính năng đều có các cách khác để phát hiện xem chúng đã được cấp hay chưa; tuy nhiên, đối với một số đối tượng, tín hiệu cho biết liệu một tính năng đã được bật hay chưa có thể liên quan chặt chẽ đến dữ liệu của một đối tượng chưa được kích hoạt ngay bây giờ chứ không phải là dữ liệu chưa từng có sẵn. Bằng cách truy vấn enabledFeatures, bạn có thể xác định xem có nên hiển thị bất kỳ gợi ý hữu ích nào (ví dụ: để cải thiện hoặc bắt đầu theo dõi) hay không hoặc liệu một tính năng có bao giờ được hỗ trợ trong phiên hiện tại hay không.
Bản dùng thử theo nguyên gốc đang diễn ra
Trong Chrome 111, bạn có thể chọn tham gia các bản dùng thử theo nguyên gốc mới sau đây.
Bản dùng thử ngừng sử dụng để xoá bỏ qua CSP connect-src trong Web Payment API
Không cho phép Web Payment API bỏ qua chính sách CSP connect-src khi tìm nạp tệp kê khai. Sau khi việc này ngừng hoạt động, chính sách CSP connect-src của trang web sẽ phải cho phép URL của phương thức thanh toán được chỉ định trong lệnh gọi PaymentRequest, cũng như mọi URL khác mà phương thức này liên kết để tìm nạp tệp kê khai.
Khả năng bỏ qua này đã bị loại bỏ trong Chrome 111 với bản dùng thử theo nguyên gốc đảo ngược từ 111 đến 113 dành cho những nhà phát triển cần tạm thời bật lại tính năng bỏ qua. Để chọn sử dụng, hãy đăng ký thử nghiệm ngừng sử dụng đảo ngược cho phương pháp bỏ qua CSP connect-src.
Chế độ hình trong hình của tài liệu
API hình trong hình của tài liệu là 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 nội dung HTML tuỳ ý. Đây là bản mở rộng dựa trên API Hình trong hình hiện có, chỉ cho phép đặt HTMLVideoElement vào cửa sổ Hình trong hình. Đ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.
Đọc tài liệu về Hình trong hình của tài liệu.
Đăng ký dùng thử theo nguyên gốc Hình trong hình cho tài liệu.
Ngừng sử dụng và xoá
Phiên bản Chrome này đã ngừng sử dụng và loại bỏ được liệt kê bên dưới. Truy cập vào ChromeStatus.com để biết danh sách các miền ngừng sử dụng theo kế hoạch, các lượt ngừng sử dụng hiện tại và các lượt xoá trước đây.
Bản phát hành Chrome này xoá 3 tính năng.
Xoá phương thức thanh toán
PaymentInstruments là API Web hỗ trợ việc cài đặt các ứng dụng thanh toán không theo JIT (xem https://w3c.github.io/payment-handler/). API này được thiết kế với giả định rằng trình duyệt sẽ lưu trữ thông tin chi tiết về phương thức thanh toán thực tế, nhưng điều này hoá ra không đúng với thực tế và có một số rò rỉ thông tin về quyền riêng tư. Trang web này cũng chưa được chuyển trên bất kỳ trình duyệt nào khác và chúng tôi không thấy các nhà cung cấp trình duyệt khác quan tâm đến vấn đề này. Do đó, API này không được dùng nữa và bị xoá.
Xoá bỏ qua CSP connect-src trong Web Payment API
Ngừng hỗ trợ API Web Payment API để bỏ qua chính sách CSP connect-src khi tìm nạp tệp kê khai. Sau lần xoá này, chính sách CSP connect-src của trang web sẽ cần phải cho phép URL của phương thức thanh toán được chỉ định trong lệnh gọi PaymentRequest, cũng như mọi URL khác mà phương thức này liên kết để tìm nạp tệp kê khai.
Xem thông tin trong bản dùng thử theo nguyên gốc để biết phương thức chọn tham gia thử nghiệm ngừng sử dụng nhằm có thêm thời gian để thực hiện các thay đổi cần thiết do việc loại bỏ này.
Danh tính người bán trong canmakepayment sự kiện
Sự kiện của trình chạy dịch vụ canmakepayment cho người bán biết liệu người dùng có thẻ trong hồ sơ trong ứng dụng thanh toán đã cài đặt hay không. Phương thức này dùng để ngầm chuyển dữ liệu gốc và dữ liệu tuỳ ý của người bán cho một trình chạy dịch vụ từ nguồn gốc của ứng dụng thanh toán. Hoạt động giao tiếp trên nhiều nguồn gốc này diễn ra trong quá trình tạo PaymentRequest trong JavaScript, không yêu cầu cử chỉ của người dùng và không hiển thị giao diện người dùng nào. Đoạn dữ liệu ngầm này đã bị xoá khỏi sự kiện canmakepayment và Android IS_READY_TO_PAY Intent).