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

Khám phá một số tính năng thú vị đã ra mắt trong các trình duyệt web phiên bản ổn định và beta trong tháng 1 năm 2022.

Rachel Andrew

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 đã phát hành hàm màu hwb(). Hàm này biểu thị màu sắc theo sắc độ, độ trắng và độ đen.

Ngoài ra, Firefox 96 còn có thuộc tính CSS color-scheme. Thuộc tính này cho phép bạn chỉ định bảng phối màu mà một phần tử có thể hiển thị. Ví dụ: để cho biết .widget có thể hiển thị ở 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 color-scheme xuất hiện trong Firefox, tức là thuộc tính này có sẵn trong Chrome, Firefox và Safari.

Bản phát hành trình duyệt beta

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 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 bản thử nghiệm beta vào tháng 1 là Chrome 98, Firefox 97 và Safari 15.4 Beta 1.

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ự tượng hình với nhiều màu sắc, 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 bài viết Phông chữ vectơ chuyển màu COLRv1 trong Chrome 98.

Ngoài ra, còn có phương thức structuredClone() để tạo bản sao sâu của các đối tượng và truy vấn nội dung đa phương tiện CSS dynamic-range và video-dynamic-range. Tìm thêm tính năng để thử nghiệm trong bài đăng Chrome 98 Beta.

Công cụ của Chrome cho nhà phát triển 98 mang đến cho bạn một bộ sưu tập 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ó rất nhiều tính năng thú vị được đưa vào Safari 15.4 Beta. Các tính năng bao gồm việc triển khai phần tử giả ::backdrop, lớp giả :focus-visible, thuộc tính accent-color và tính năng CSS Containment với thuộc tính contain. Bản thử nghiệm này cũng bao gồm phần tử HTML <dialog>, thuộc tính lazy trên hình ảnh để bật tính năng tải lười, cùng với tính năng hỗ trợ biểu tượng Tệp kê khai ứng dụng web.

Tất cả các tính năng thử nghiệm này sẽ sớm ra mắt trong các trình duyệt ổn định.

Một phần của Loạt video mới dành cho web