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 mô tả trong một bài viết của Stefan Judis là "ký hiệu màu sắc cho con người", hwb() chỉ định màu sắc 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 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ợ phương thức này từ phiên bản 96 và Safari từ phiên bản 15.

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

Mức độ ưu tiên tìm nạp cung cấp cho bạn một cách để gợi ý cho trình duyệt về thứ tự tải tài nguyên xuống, bằng cách sử dụng thuộc tính fetchpriority. Phương thức 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à có mức độ ưu tiên cao và muốn trình duyệt ưu tiên tài nguyên đó, miễn là phương pháp phỏng đoán của trình duyệt không ngăn việc đó xảy ra.
  • "low": Bạn coi 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 nếu khả năng phỏng đoán của nó 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ề các trường hợp sử dụng khác nhau trong bài viết Tối ưu hoá việc tải tài nguyên bằng API mức độ ưu tiên tìm nạp.

Ngoài ra 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 xoá một thiết bị mà trước đó đã được cấp quyền. Ví dụ: nếu đây là ứng dụng 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, một bản sửa lỗi để hỗ trợ [SameObject] cho các thuộc tính liên quan trong USBDevice. Bạn có thể tìm thấy nội dung thay đổi về thông số kỹ thuật trong một yêu cầu thay đổi đối với bản đặc tả nháp.

Worker chuyên dụng được tải từ một nguồn gốc bảo mật (HTTPS), nhưng được tạo bản sao bằng ngữ cảnh không an toàn (không phải HTTPS) sẽ không còn được coi là an toàn. Đ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 hoạt động nữa.

Giờ đây, đối số popup cho window.open() được đánh giá là true, theo một thay đổi gần đây về 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 các tính năng boolean dễ sử dụng và dễ hiểu hơn.

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

Nội dung này chỉ đề cập đến 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 thay đổi đối với Chrome 101.