Điểm mới trên nền tảng web vào tháng 2

Khám phá một số tính năng thú vị đã có mặt trên các trình duyệt web ổn định và thử nghiệm trong tháng 2 năm 2022.

Rachel Andrew

Bản phát hành trình duyệt ổn định

Vào tháng 2, Chrome 98 và Firefox 97 đã chính thức phát hành.

Chrome 98 đã phát hành phương thức self.structuredClone. Phương pháp này tạo một bản sao sâu của một giá trị bằng cách sử dụng thuật toán sao chép có cấu trúc. Đọc thêm về structuredClone().

Firefox 97 có Lớp xếp chồng. Quy tắc tại @layer xác định một lớp dạng thác nước, giúp bạn kiểm soát mức độ cụ thể.

@layer framework {
  /* creates a new layer named framework */
}

Firefox là trình duyệt đầu tiên ra mắt tính năng này trong một phiên bản phát hành. Tuy nhiên, hãy xem phần bản phát hành beta trong bài đăng này vì tính năng này sẽ sớm được cung cấp ở mọi nơi. Tìm hiểu thêm về Lớp xếp chồng trong bài viết Lớp xếp chồng sắp ra mắt trên trình duyệt.

Firefox cũng chuyển đến thuộc tính scrollbar-gutter. Thuộc tính này giúp loại bỏ các thay đổi về bố cục do thanh cuộn xuất hiện khi nội dung phát triển.

Rãnh thanh cuộn là khoảng trống giữa cạnh đường viền bên trong và cạnh khoảng đệm bên ngoài. Đây là nơi thanh cuộn sẽ xuất hiện nếu cần. Nếu không có thanh cuộn, rãnh sẽ hiển thị dưới dạng phần mở rộng của khoảng đệm. CSS sau đây sẽ thêm khoảng cách tính đến kích thước thanh cuộn vào cả hai bên của hộp để giữ cho giao diện cân xứng.

.container {
  scrollbar-gutter: stable both-edges;
}

Chrome 98 hỗ trợ phông chữ vectơ gradient màu COLRv1 dưới dạng một định dạng phông chữ mới bổ sung. Phông chữ màu chứa các ký tự có nhiều màu, chẳng hạn như biểu tượng cảm xúc, cờ quốc gia hoặc chữ cái nhiều màu.

Đọc thêm về định dạng phông chữ mới này trong phần Phông chữ vectơ màu gradient COLRv1 trong Chrome 98.

Bản phát hành trình duyệt thử nghiệm

Các phiên bản trình duyệt beta cho bạn xem trước những tính năng sẽ có trong phiên bản chính thức tiếp theo của trình duyệt. Đây là thời điểm thích hợp để thử nghiệm các tính năng mới hoặc các nội dung bị xoá có thể ảnh hưởng đến trang web của bạn trước khi chúng tôi phát hành bản cập nhật đó trên toàn cầu.

Các phiên bản beta mới trong tháng 2 là Chrome 99 và Firefox 98. Safari Beta 15.4 vẫn đang chạy, tôi đã đề cập đến một số tính năng trong tháng trước.

Chrome 99 bao gồm Lớp tầng, với Lớp tầng cũng có trong Safari Beta 15.4, chúng ta có thể sớm thấy tính năng này trong tất cả các trình duyệt thường xanh.

Ngoài ra, Chrome 99 còn có một số thuộc tính mới cho CanvasRenderingContext2D và một phương thức showPicker() mới trên HTMLInputElement. Đây là cách hiển thị bộ chọn trình duyệt cho ngày, giờ, màu và tệp.

Trong Firefox 98, bạn sẽ thấy phần tử <dialog>. Một tính năng khác sẽ có trong tất cả trình duyệt ổn định sau khi phiên bản thử nghiệm của Firefox và Safari trở nên ổn định.

Tất cả các tính năng beta này sẽ sớm có trong trình duyệt ổn định.

Một phần của chương trình Mới làm quen với web