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 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 loạt tính năng đệm ra mắt vào tháng trước, kết quả có chút trầm lắng hơn trong tháng 4, nhưng chúng tôi đã sử dụng một vài điều thú vị.
Chrome 101 bao gồm ký hiệu màu hwb. Điều này chỉ định màu theo màu, độ trắng và độ đen của màu đó. Giống như với các 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() – một ký hiệu màu dành cho con người?.
Chrome 101 cũng có tính năng Tìm nạp mức độ ưu tiên. Thao tác 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!">
Các trình duyệt khác hiện chưa hỗ trợ tính năng Tìm nạp mức độ ưu tiên, nhưng bạn có thể bắt đầu sử dụng các tính năng này ngay bây giờ để mang lại lợi ích cho bất cứ ai có trình duyệt dựa trên Chromium 101.
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ợ tính năng hiển thị tệp PDF cùng dòng 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 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 102, Firefox 100 và Safari 15.5.
Các phiên bản xem trước Chrome 102, Safari 15.5 và 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 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 cũng bao gồm Local Font Access API (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.
Một phần trong loạt video New to the web Series