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 sâu hơn và xem 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 của cookie.

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

Ngày hết hạn của những cookie này sẽ được giới hạn tối đa là 400 ngày sau lần đầu tiên Chrome 119+ 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 thấy đượ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 đó sẽ chỉ áp dụng cho những cookie hiện có nhưng 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 và 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, cũng như hướng dẫn chuẩn bị cho việc ngừng sử dụng.

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 như sau:

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ó thông tin đầu vào không chính xác hoặc không 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, nhưng có thêm một điều kiện 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: 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 các màu khác.

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

Và 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 giúp hiển thị phần tử tương ứng. Các phần bên trong khu vực sẽ hiển thị, trong khi những phần bên ngoài bị ẩn.

Giờ đây, bạn có thể sử dụng các giá trị <geometry-box> để điều khiển 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 có thể dùng riêng các giá trị này để cắt theo hộp được 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 chữ nhật hoặc hình chữ nhật bo tròn góc.

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

Và nhiều kiến thức khác!

Tất nhiên, vẫn còn nhiều lý do khác.

  • WebSQL đã bị xoá hoàn toàn kể từ Chrome 119. Bản dùng thử theo nguyên gốc 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ể dùng tuỳ chọn monitorTypeSurfaces để ngăn người dùng chia sẻ toàn bộ màn hình, thông qua getDisplayMedia()

  • Hiện đang có bản dùng thử theo nguyên gốc thêm tham 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

Bài viết này chỉ bao gồm 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 bên dưới để biết thêm các thay đổi khác trong Chrome 119.

Đăng ký

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

Chào Adriana Jara! Ngay sau khi Chrome 120 được phát hành, tôi sẽ luôn sẵn sàng cho bạn biết những tính năng mới của Chrome!