Hãy khám phá một số tính năng thú vị đã ra mắt trên trình duyệt web ổn định và phiên bản thử nghiệm trong tháng 1 năm 2022.
Bản phát hành trình duyệt ổn định
Vào tháng 1, Chrome 97 và Firefox 96 đã trở nên ổn định.
Firefox 96 đã cung cấp hàm màu hwb(). Hàm này biểu thị màu sắc bằng màu sắc, độ trắng và độ đen.
Cũng trong Firefox 96 là thuộc tính CSS color-scheme. Thuộc tính này cung cấp cho bạn một cách để chỉ định bảng phối màu mà một phần tử có thể hiển thị. Ví dụ: để cho biết rằng .widget có thể kết xuất được ở chế độ sáng hoặc tối của hệ điều hành, hãy sử dụng CSS sau.
.widget {
color-scheme: light dark;
}
Khi trang đích trong bảng phối màu xuất hiện trong Firefox, cơ sở lưu trú đó có thể sử dụng trong Chrome, Firefox và Safari.
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 phiên bản thử nghiệm cho tháng 1 là Chrome 98, Firefox 97 và Safari 15.4 Beta 1.
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.
Phương thức này cũng bao gồm phương thức structuredClone() để tạo bản sao sâu của các đối tượng cũng như các truy vấn đa phương tiện CSS dynamic-range và video-dynamic-range. Tìm hiểu các tính năng khác để thử nghiệm trong bài đăng về Chrome 98 Beta.
Công cụ của Chrome 98 cho nhà phát triển mang đến cho bạn một bộ sưu tập toàn bộ các tính năng mới, bao gồm cả Cây hỗ trợ tiếp cận đầy đủ mới.
Firefox 97 Beta hỗ trợ các đơn vị cap và ic cho length, đồng thời triển khai thuộc tính scrollbar-gutter.
Có một bộ sưu tập toàn bộ những điều tốt đẹp được đưa vào Safari 15.4 Beta. Các tính năng bao gồm triển khai phần tử giả ::backdrop, :focus-visible, thuộc tính accent-color và Vùng chứa CSS có thuộc tính contain. Bản beta này cũng bao gồm phần tử HTML <dialog>, thuộc tính lazy trên hình ảnh để cho phép tải từng phần, đồng thời hỗ trợ các biểu tượng Tệp kê khai ứng dụng web.
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