Hãy khám phá một số tính năng thú vị xuất hiện trên trình duyệt web ổn định và phiên bản thử nghiệm trong tháng 2 năm 2022.
Bản phát hành trình duyệt ổn định
Vào tháng 2, Chrome 98 và Firefox 97 đã trở nên ổn định.
Chrome 98 đã chuyển 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 bao gồm Lớp cascade. Quy tắc tại @layer xác định một lớp tầng, giúp bạn kiểm soát tính cụ thể.
@layer framework {
/* creates a new layer named framework */
}
Firefox là trình duyệt đầu tiên có tính năng này trong phiên bản phát hành. Tuy nhiên, hãy xem phần của bài đăng này về các bản phát hành beta, vì tính năng này sẽ chỉ còn đủ thời gian để có thể sử dụng ở mọi nơi. Tìm hiểu thêm về Lớp tầng trong Lớp phủ lớp sắp có trên trình duyệt của bạn.
Firefox cũng kết nối với thuộc tính scrollbar-gutter. Thuộc tính này giúp loại bỏ việc thay đổi bố cục do thanh cuộn xuất hiện khi nội dung tăng lên.
Máng xối của thanh cuộn là khoảng không giữa cạnh đường viền trong và cạnh đệm ngoài. Đây là nơi một thanh cuộn sẽ xuất hiện nếu cần. Nếu không có thanh cuộn nào, thì rãnh sẽ xuất hiện dưới dạng phần mở rộng của khoảng đệm. CSS sau đây sẽ thêm khoảng cách có tính đến kích thước thanh cuộn cho cả hai bên của hộp, để giữ cho giao diện đối xứng.
.container {
scrollbar-gutter: stable both-edges;
}
Chrome 98 hỗ trợ phông chữ vectơ chuyển 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ông chữ vectơ chuyển màu COLRv1 trong Chrome 98.
Bản phát hành trình duyệt beta
Phiên bản trình duyệt beta cho phép bạn xem trước những nội dung sẽ có trong phiên bản ổn định 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 xoá bỏ những tính năng có thể ảnh hưởng đến trang web của bạn trước khi toàn thế giới ra mắt bản phát hành đó.
Các bản thử nghiệm mới trong tháng 2 là Chrome 99 và Firefox 98. Safari Beta 15.4 vẫn đang diễn ra, tôi đã đề cập đến một số nội dung trong tháng trước.
Chrome 99 bao gồm Lớp Cascade, với Lớp Cascade cũng có trong Safari Beta 15.4, chúng tôi dự kiến sẽ sớm thấy tính năng này trong tất cả các trình duyệt luôn cập nhật.
Ngoài ra, trong 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à một cách để hiển thị bộ chọn của trình duyệt cho ngày, giờ, màu sắc 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ả các trình duyệt luôn cập nhật sau khi bản beta 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 ra mắt trong các trình duyệt ổn định.
Một phần trong loạt video New to the web Series