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

Khám phá một số tính năng thú vị đã xuất hiện trong các trình duyệt web ổn định và beta trong tháng 5 năm 2022.

Rachel Andrew

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

Vào tháng 5, Chrome 102, Safari 15.5, Firefox 100 và Firefox 101 đã trở thành phiên bản ổn định.

Chrome 102 và Safari 15.5 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.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: 112.
  • Safari: 15.5.

Source

Chrome 102 có giá trị mới until-found cho thuộc tính hidden HTML. Đ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 phát hành Navigation API, một API chuẩn hoá hoạt động định tuyến phía máy khách trong các ứng dụng một trang. Trước đây, API này có tên là App History API.

Browser Support

  • Chrome: 102.
  • Edge: 102.
  • Firefox: not supported.
  • Safari: not supported.

Source

Firefox 101 hỗ trợ biểu định kiểu có thể tạo. Dịch vụ hỗ trợ bao gồm hàm khởi tạo CSSStyleSheet(), các phương thức replace() và replaceSync(). Biểu định kiểu có thể tạo giúp bạn dễ dàng tạo biểu định kiểu để sử dụng với Shadow DOM. Trong ví dụ sau, một biểu định kiểu được tạo bằng hàm khởi tạo CSSStyleSheet(), một quy tắc CSS được thêm bằng phương thức replaceSync() và quy tắc kết quả được in ra bảng điều khiển.

const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);

Browser Support

  • Chrome: 73.
  • Edge: 79.
  • Firefox: 101.
  • Safari: 16.4.

Source

Ngoài ra, Firefox 101 còn có tính năng nội dung nghe nhìn prefers-contrast, giúp tính năng này hoạt động trên nhiều trình duyệt.

Browser Support

  • Chrome: 96.
  • Edge: 96.
  • Firefox: 101.
  • Safari: 14.1.

Source

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 103 và Firefox 102.

Firefox 102 có tính năng nội dung nghe nhìn update. Phương thức này được dùng để truy vấn xem thiết bị đầu ra có thể sửa đổi giao diện của nội dung sau khi nội dung đó được kết xuất hay không. Trường này chấp nhận các giá trị sau:

none
Sau khi được hiển thị, nội dung sẽ không thể cập nhật được nữa. Ví dụ: một tài liệu in.
slow
Thiết bị có thể cập nhật nội dung, nhưng quá chậm để hiển thị ảnh động mượt mà. Ví dụ: Màn hình mực điện tử.
fast
Nội dung có thể thay đổi linh hoạt và đủ nhanh để hiển thị ảnh động. Ví dụ: màn hình máy tính hoặc điện thoại.

Browser Support

  • Chrome: 113.
  • Edge: 113.
  • Firefox: 102.
  • Safari: 17.

Source

Chrome 103 có Local Font Access API (API Quyền sử dụng 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.

Chỉnh sửa: Phiên bản trước của bài đăng này có đề cập đến phương thức Element.isVisible(). Phương thức này không có trong bản phát hành này.

Một phần trong loạt bài viết New to the web