Đ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ó mặt trên các trình duyệt web ổn định và thử nghiệm trong tháng 4 năm 2022.

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

Vào tháng 4, Chrome 101 và Firefox 99 đã trở nên ổn định. Sau khi ra mắt một loạt tính năng vào tháng trước, chúng tôi có một chút thời gian nghỉ ngơi trong tháng 4, nhưng vẫn có một số tính năng thú vị để chúng ta sử dụng.

Chrome 101 bao gồm ký hiệu màu hwb. Thuộc tính này chỉ định màu sắc theo sắc độ, độ trắng và độ đen. Cũng giống như ký hiệu màu khác, thành phần alpha tuỳ chọn 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 cho con người?.

Hỗ trợ trình duyệt

  • Chrome: 101.
  • Cạnh: 101.
  • Firefox: 96.
  • Safari: 15.

Nguồn

Chrome 101 cũng có tính năng Mức độ ưu tiên tìm nạp. Đây là cách để gợi ý cho trình duyệt biết nên tải tài nguyên nào 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 độ ưu tiên tìm nạp chưa khả dụng trong các trình duyệt khác, tuy nhiên bạn có thể bắt đầu sử dụng tính năng này ngay bây giờ để mang lại lợi ích cho bất kỳ ai sử dụng trình duyệt dựa trên Chromium 101.

Hỗ trợ trình duyệt

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 132.
  • Safari: 17.2.

Nguồn

Firefox 99 bao gồm thuộc tính pdfViewerEnabled của giao diện Trình điều hướng. Thuộc tính này cho biết trình duyệt có hỗ trợ chế độ hiển thị cùng dòng của tệp PDF hay không.

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

Hỗ trợ trình duyệt

  • Chrome: 94.
  • Edge: 94.
  • Firefox: 99.
  • Safari: 16.4.

Nguồn

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 mới trong tháng 4 là Chrome 102, Firefox 100Safari 15.5.

Phiên bản xem trước của Chrome 102, Safari 15.5 và Firefox bao gồm 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 bao gồm giá trị mới until-found cho thuộc tính hidden HTML. Thao tác này cho phép tìm trong trang và cuộn đến mảnh văn bản trên văn bản nằm bên trong một khu vực thu gọn của trang, như bạn có thể thấy trong mẫu xếp nếp. Tìm hiểu thêm trong bài đăng Giúp người dùng truy cập nội dung thu gọn bằng hidden=until-found.

Hỗ trợ trình duyệt

  • Chrome: 102.
  • Edge: 102.
  • Firefox: không được hỗ trợ.
  • Safari: không được hỗ trợ.

Nguồn

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 phông chữ mà người dùng đã cài đặt trên máy.

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 chương trình Mới làm quen với web