Tính năng mới trong Chrome 101

Rachel Andrew

Dưới đây là những gì bạn cần phải biết:

Hãy cùng xem những tính năng có trong Chrome 101.

Ký hiệu màu hwb()

Được Stefan Judis mô tả trong một bài viết là "ký hiệu màu dành cho con người", hwb() chỉ định màu theo sắc độ, độ trắng và độ đen. Giống như các 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 */
}

Phương thức chỉ định màu này hiện được hỗ trợ tốt, với Firefox hỗ trợ từ phiên bản 96 và Safari từ phiên bản 15.

Mức độ ưu tiên tìm nạp

API Mức độ ưu tiên tìm nạp 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. Tham số này chấp nhận các giá trị "high", "low" và "auto".

  • "high": Bạn coi tài nguyên này là tài nguyên có mức độ ưu tiên cao và muốn trình duyệt ưu tiên tài nguyên này miễn là phương pháp phỏng đoán của trình duyệt không ngăn điều đó xảy ra.
  • "low": Bạn coi tài nguyên này là tài nguyên có mức độ ưu tiên thấp và muốn trình duyệt giảm mức độ ưu tiên của tài nguyên này nếu phương pháp phỏng đoán của trình duyệt cho phép.
  • "auto": Đây là giá trị mặc định cho phép trình duyệt quyết định mức độ ưu tiên phù hợp.

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 thêm về nhiều trường hợp sử dụng trong bài viết Tối ưu hoá việc tải tài nguyên bằng Fetch Priority API.

Các tính năng khác trong bản phát hành này

Có một phương thức mới của forget() cho các đối tượng USBDevice. Thao tác này cho phép quên một thiết bị đã được cấp quyền trước đó. Ví dụ: nếu đây là một ứng dụng được dùng trên máy tính dùng chung với nhiều thiết bị.

Ngoài ra, đối với Web USB, hãy sửa lỗi để hỗ trợ [SameObject] cho các thuộc tính liên quan trong USBDevice. Bạn có thể xem thay đổi về quy cách trong một yêu cầu kéo đối với quy cách nháp.

Các worker chuyên dụng được tải từ một nguồn gốc an toàn (HTTPS), nhưng được tạo thực thể bởi các bối cảnh không an toàn (không phải HTTPS), sẽ không còn được coi là an toàn nữa. Điều này có nghĩa là bên trong các ngữ cảnh worker như vậy: - self.isSecureContext hiện là false. – self.caches và self.storageFoundation không còn được cung cấp nữa.

Đối số popup cho window.open() hiện được đánh giá là true, theo một thay đổi gần đây đối với quy cách phân tích cú pháp đối số này. Trước đây, khi popup được đặt bằng true, window.open() được hiểu là false. Thay đổi này giúp người dùng dễ dàng sử dụng và hiểu các tính năng boolean.

Tài liệu đọc thêm

Đây chỉ là một số điểm nổi bật chính. Hãy xem các đường liên kết bên dưới để biết thêm những thay đổi khác đối với Chrome 101.