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 những tính năng mới dành cho nhà phát triển trong Chrome 119.

Ngày hết hạn cookie.

Kể từ Chrome 104, các cookie mới tạo hoặc các cookie được cập nhật bằng ngày hết hạn đều có ngày hết hạn 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 ngược thời gian cho các cookie đã có trong bộ nhớ.

Ngày hết hạn của các cookie này sẽ không được vượt quá 400 ngày kể từ lần đầu tiên Chrome 119 trở lên khởi động và 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 cho đến ít nhất 400 ngày sau khi Chrome 119 được phát hành, và sau đó chỉ áp dụng cho các cookie hiện có 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. Chúng tôi cũng xin lưu ý rằng cookie của bên thứ ba sẽ ngừng hoạt động trong thời gian sắp tới và hướng dẫn để chuẩn bị cho việc ngừng hoạt động này.

Nội dung cập nhật về CSS

Đối với CSS, chúng tôi có 3 nội dung cập nhật:

Thứ nhất: các lớp giả :user-invalid và :user-valid mới đại diện cho một phần tử có dữ liệu đầu vào không chính xác 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ư :valid và :invalid, các lớp giả nhưng có thêm 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ử.

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

Ví dụ: oklab(from magenta calc(l * 0.8) a b); sẽ tạo ra màu hồng đậm Oklab sáng hơn 80%.

Và điểm 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 để đặt phần nào của phần tử sẽ hiển thị. Các phần bên trong vùng sẽ hiển thị, còn các phần bên ngoài sẽ bị ẩn.

Giờ đây, bạn có thể sử 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 sử dụng riêng các giá trị này để cắt vào hộp đã chỉ định (ví dụ:clip-path: content-box).

Bạn cũng có thể sử dụng các hàm xywh() và rect() để dễ dàng chỉ định các đoạn video hình chữ nhật hoặc hình chữ nhật bo 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 có hàng rào. Các thay đổi này hiện đã được triển khai trong Chrome 120.

Và nhiều tính năng khác!

Tất nhiên còn nhiều tính năng khác.

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

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

  • Có một thử nghiệm gốc sẽ thêm thông số windowFeatures fullscreen vào API JavaScript window.open() để 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

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 bên dưới để biết thêm các thay đổi trong Chrome 119.

Đă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 120 đượ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!