Tính năng mới trong Chrome 119

Adriana Jara

Dưới đây là những gì bạn cần phải biết:

Tôi là Adriana Jara. Hãy cùng tìm hiểu xem có tính năng mới nào dành cho nhà phát triển trong Chrome 119.

Ngày hết hạn cookie.

Vì cookie mới tạo trên Chrome 104 hoặc những cookie được cập nhật có ngày hết hạn đã bị giới hạn trong khoảng thời gian không quá 400 ngày trong tương lai. Giờ đây, giới hạn tương tự này sẽ được áp dụng trở về trước cho các cookie đã được lưu trữ.

Ngày hết hạn của những cookie này sẽ được giới hạn không quá 400 ngày sau lần đầu tiên Chrome 119 trở lên khởi động và thực hiện việc di chuyển cơ sở dữ liệu một lần. Người dùng sẽ không cảm nhận được tác động của thay đổi này trong vòng ít nhất 400 ngày sau khi Chrome 119 được phát hành. Sau đó, người dùng sẽ chỉ cảm nhận được tác động của sự thay đổi này đối với những cookie hiện có mà chưa được cập nhật trong khoảng thời gian đó.

Bạn có thể đọc thêm về đề xuất về ngày hết hạn. Xin lưu ý rằng cookie của bên thứ ba sẽ không được dùng nữa trong tương lai gần và hướng dẫn chuẩn bị cho việc ngừng sử dụng.

Thông tin cập nhật về CSS

Đối với CSS, chúng tôi có 3 điểm cập nhật:

Số một: các lớp giả :user-invalid và :user-valid mới lần lượt đại diện cho một phần tử có thông tin đầu vào không đúng hoặc chính xác, nhưng chỉ sau khi người dùng đã tương tác đáng kể với phần tử đó. Các lớp này tương tự như các lớp giả :valid và :invalid nhưng có thêm một quy tắc ràng buộc là các lớp giả mới chỉ khớp sau khi người dùng tương tác với phần tử.

Số hai: cú pháp màu tương đối cho phép nhà phát triển xác định màu bằng cách sửa đổi tham số của màu khác.

Ví dụ: oklab(from magenta calc(l * 0.8) a b); cho ra màu đỏ tươi của Oklab sáng hơn 80%.

Thứ ba: clip-path hiện hỗ trợ nhiều giá trị hơn.

Thuộc tính clip-path tạo một vùng cắt dùng để xác định phần nào của một phần tử sẽ hiển thị. Các phần nằm bên trong khu vực sẽ hiển thị, còn các phần ở bên ngoài thì bị ẩn.

Giờ đây, bạn có thể dùng các giá trị <geometry-box> để kiểm soát hộp tham chiếu của đoạn video, giúp clip-path dễ sử dụng hơn. Bạn có thể sử dụng các giá trị hộp này cùng với các hình dạng cơ bản (ví dụ: clip-path: circle(50%) margin-box) hoặc chỉ sử dụng các giá trị này để cắt vào hộp được chỉ định (ví dụ: clip-path: content-box).

Bạn cũng có thể dùng các hàm xywh() và rect() để dễ dàng chỉ định các đoạn cắt hình chữ nhật hoặc hình chữ nhật góc tròn.

Sửa đổi: Phiên bản trước của bài viết này đã đề cập đến các điểm cải tiến cho Khung bảo vệ. Những thay đổi này hiện đã có trong Chrome 120.

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.

  • Kể từ Chrome 119, WebSQL sẽ bị xoá hoàn toàn. Bản dùng thử theo nguyên gốc đảo ngược cho phép nhà phát triển tiếp tục sử dụng WebSQL cho đến hết Chrome 123.

  • Giờ đây, bạn có thể dùng tuỳ chọn monitorTypeSurfaces để ngăn người dùng chia sẻ toàn bộ màn hình, với getDisplayMedia()

  • Có bản dùng thử theo nguyên gốc thêm thông số fullscreen windowFeatures vào window.open() JavaScript API để cho phép phương thức gọi mở cửa sổ bật lên trực tiếp ở chế độ toàn màn hình.

Tài liệu đọc thêm

Trên đây chỉ là một số điểm nổi bật chính. Hãy truy cập vào các đường liên kết dưới đây các thay đổi bổ sung trong Chrome 119.

Đă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.

Adriana Jara thân mến! Ngay sau khi Chrome 120 được phát hành, tôi sẽ ở ngay đây để cho bạn biết các tính năng mới của Chrome!