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

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

Rachel Andrew

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

Vào tháng 4, Chrome 101 và Firefox 99 đã trở thành phiên bản ổn định. Sau khi hàng loạt tính năng ra mắt vào tháng trước, tháng 4 có vẻ yên ắng hơn, nhưng vẫn có một số tính năng thú vị được ra mắt để chúng ta sử dụng.

Chrome 101 có ký hiệu màu hwb. Thuộc tính này chỉ định màu theo sắc độ, độ trắng và độ đen. Giống như ký hiệu màu khác, thành phần alpha không bắt buộc sẽ chỉ định độ mờ.

h1 {
  color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}

Để tìm hiểu thêm về hwb(), hãy đọc bài viết này của Stefan Judis: hwb() – ký hiệu màu dành cho con người?.

Chrome 101 cũng có tính năng Mức độ ưu tiên tìm nạp. Điều này giúp bạn gợi ý cho trình duyệt biết thứ tự tải tài nguyên xuống bằng cách sử dụng thuộc tính fetchpriority. Trong ví dụ bên dưới, hình ảnh có mức độ ưu tiên thấp được biểu thị bằng fetchpriority="low".

<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">

Mặc dù các trình duyệt khác chưa hỗ trợ Fetch Priority, nhưng bạn có thể bắt đầu sử dụng ngay bây giờ để mang lại lợi ích cho bất kỳ ai có trình duyệt dựa trên Chromium 101.

Firefox 99 có thuộc tính pdfViewerEnabled của giao diện Navigator. Thuộc tính này cho biết liệu trình duyệt có hỗ trợ hiển thị tệp PDF nội tuyến hay không.

if (!navigator.pdfViewerEnabled) {
  // The browser does not support inline viewing of PDF files.
}

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

Phiên bản beta của trình duyệt cho phép bạn xem trước những tính năng 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 để kiểm thử các tính năng mới hoặc việc xoá các tính năng có thể ảnh hưởng đến trang web của bạn trước khi bản phát hành đó được triển khai trên toàn thế giới.

Các phiên bản beta mới trong tháng 4 là Chrome 102, Firefox 100 và Safari 15.5.

Chrome 102, Safari 15.5 và các phiên bản dùng thử của Firefox có thuộc tính inert. Thao tác này sẽ xoá các phần tử khỏi thứ tự thẻ và cây hỗ trợ tiếp cận nếu các phần tử đó không tương tác. Ví dụ: một phần tử hiện không hiển thị trên màn hình hoặc bị ẩn.

Chrome 102 có giá trị mới until-found cho thuộc tính HTML hidden. Điều này cho phép tính năng tìm kiếm trong trang và chuyển đến đoạn văn bản trên văn bản nằm trong một vùng bị thu gọn của trang, chẳng hạn như trong mẫu accordion. Tìm hiểu thêm trong bài đăng Giúp nội dung bị thu gọn có thể truy cập được bằng hidden=until-found.

Chrome 102 cũng bao gồm Local Font Access API (API truy cập phông chữ trên máy), cho phép truy cập vào các phông chữ được cài đặt trên máy của người dùng.

Những tính năng thử nghiệm này sẽ sớm có trong các trình duyệt ổn định.

Một phần trong chuỗi bài viết Mới ra mắt trên web