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 các 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 dành cho con người", hwb() chỉ định màu sắc theo màu sắc, độ trắng và độ đen. Giống như 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 */
}

Phương pháp 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

Tính năng Tìm nạp mức độ ưu tiên sử dụng thuộc tính fetchpriority để gợi ý cho trình duyệt biết thứ tự tài nguyên cần tải xuống. Phương thức này chấp nhận các giá trị của "high", "low" và "auto".

  • "high": Bạn xem tài nguyên 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 đó, miễn là thông tin 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 là có mức độ ưu tiên thấp và muốn trình duyệt giảm mức độ ưu tiên nếu thông tin phỏng đoán của tài nguyê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 thích 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 ưu tiên tìm nạp.

Cũng trong bản phát hành này

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

Ngoài ra, đối với USB web, 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ể xem thay đổi về thông số kỹ thuật trong phần PR cho thông số kỹ thuật nháp.

Worker chuyên biệt được tải từ một nguồn gốc bảo mật (HTTPS), nhưng được tạo thực thể bằng ngữ cảnh không an toàn (không phải HTTPS) nên 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 trình thực thi như vậy: – self.isSecureContext hiện là false. – self.caches và self.storageFoundation không còn hoạt động nữa.

Đối số popup của window.open() hiện có giá trị true, sau 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 giá trị popup được đặt bằng với giá trị true, window.open() được hiểu có nghĩa 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

Bài viết này chỉ bao gồm một số điểm nổi bật chính. Kiểm tra các liên kết bên dưới để biết thêm các thay đổi đối với Chrome 101.