Hãy khám phá một số tính năng thú vị trên trình duyệt web ổn định và phiên bản thử nghiệm trong tháng 5 năm 2022.
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ở nê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 chúng không có tính 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 HTML hidden. Thao tác này sẽ bật tính năng tìm trong trang và cuộn đến đoạn văn bản trên văn bản bên trong vùng thu gọn của trang, như bạn có thể tìm thấy trong mẫu đàn xếp. Tìm hiểu thêm trong bài đăng Làm cho nội dung thu gọn có thể truy cập được bằng ẩn=cho đến khi tìm thấy.
Chrome 102 đi kèm Navigation API, một API chuẩn hoá việc định tuyến phía máy khách trong các ứng dụng trang đơn. API này trước đây có tên là App History API (API Nhật ký ứng dụng).
Firefox 101 hỗ trợ biểu định kiểu có thể tạo. 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 DOM bóng. Trong ví dụ sau, một biểu định kiểu được tạo bằng hàm khởi tạo CSSStyleSheet(), quy tắc CSS được thêm bằng phương thức replaceSync() và quy tắc kết quả sẽ được in ra bảng điều khiển.
const stylesheet = new CSSStyleSheet();
stylesheet.replaceSync('body { color: red; }');
console.log(stylesheet.rules[0].cssText);
Ngoài ra, trong Firefox 101 còn có tính năng đa phương tiện prefers-contrast, giúp tính năng này hoạt động trên nhiều trình duyệt.
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 mới trong tháng 4 là Chrome 103 và Firefox 102.
Firefox 102 có tính năng đa phương tiện update. Thuộc tính này 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 kết xuất hay không. Trường này chấp nhận các giá trị sau:
none- Không thể cập nhật nội dung sau khi kết xuất. Ví dụ: tài liệu in.
slow- Thiết bị có thể cập nhật nội dung, nhưng quá chậm nên không thể 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 để kết xuất ảnh động. Ví dụ: màn hình máy tính hoặc điện thoại.
Chrome 103 bao gồm API Truy cập phông chữ cục bộ, cho phép truy cập vào phông chữ được cài đặt trên máy của người dùng.
Các tính năng beta này sẽ sớm ra mắt trên 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ập đến phương thức Element.isVisible(), phương thức này không được tính trong bản phát hành này.
Một phần trong loạt video New to the web Series