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

Adriana Jara
Adriana Jara

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

Tôi là Adriana Jara. Hãy cùng tìm hiểu sâu hơn và xem có gì mới dành cho nhà phát triển trong Chrome 120.

API ĐóngWatcher.

Một đặc điểm quan trọng của các thành phần phương thức hoặc cửa sổ bật lên là dễ đóng, với một cơ chế nhất quán để thực hiện việc này. Các cơ chế đó được gọi là yêu cầu đóng, thường là khoá ESC trên các nền tảng dành cho máy tính và là nút hoặc cử chỉ quay lại trên Android.

Nhà phát triển web không có cách nào hiệu quả để xử lý các yêu cầu đóng cho các thành phần của riêng họ. Điều này đặc biệt khó khăn trên các thiết bị Android, nơi việc cung cấp hành vi đóng đơn giản cho cử chỉ quay lại là khá phức tạp.

Chrome 120 mang đến giải pháp này với CloseWatcher, một API mới để trực tiếp nghe và phản hồi các yêu cầu đóng. Phiên bản này cũng bao gồm việc nâng cấp lên <dialog>popover="" để sử dụng khung yêu cầu đóng mới nhằm phản hồi nút quay lại của Android.

Hãy dùng thử bản minh hoạ API CloseWatcher.

Thuộc tính tên <details>

Thuộc tính name cho phần tử <details> giúp bạn dễ dàng triển khai mẫu đàn phong cầm bằng cách sử dụng chuỗi các phần tử HTML <details>.

Nhiều phần tử <details> có cùng name sẽ tạo thành một nhóm. Với cách thiết lập này, cùng một lúc, bạn chỉ có thể mở tối đa một phần tử trong nhóm đó.

Dưới đây là ví dụ với một nhóm có cùng tên cookies:

<details name="cookies">
  <summary>Chocolate chip</summary>
  Yum yum chocolate chip.
</details>
<details name="cookies">
  <summary>Snickerdoodle</summary>
   Yum yum snickerdoodle.
</details>
<details name="cookies">
  <summary>Maicenitas</summary>
   Yum yum maicenitas.
</details>
<details name="cookies">
  <summary>Sugar cookies</summary>
   Yum yum sugar cookies.
</details>

Báo cáo lỗi vi phạm chính sách về quyền

Hiện đã có báo cáo về lỗi vi phạm chính sách về quyền. Các báo cáo này tích hợp API Chính sách về quyền. API này cho phép nhà phát triển kiểm soát các tính năng của trình duyệt hiện có cho trang, iframe và tài nguyên phụ của trang đó, bằng cách khai báo bộ chính sách để trình duyệt thực thi bằng API Báo cáo. API Báo cáo cung cấp cơ chế báo cáo chung để các ứng dụng web sử dụng nhằm tạo báo cáo dựa trên một số tính năng của nền tảng.

Nhờ tích hợp API Báo cáo và API Chính sách về quyền, nhà phát triển web có thể định cấu hình các điểm cuối để gửi báo cáo về lỗi vi phạm chính sách về quyền. Nhờ đó, chủ sở hữu trang web có thể biết khi nào trang web của họ yêu cầu sử dụng các tính năng không được phép.

Kiểm soát các tính năng của trình duyệt thông qua Chính sách về quyền bao gồm thêm thông tin chi tiết về hoạt động triển khai.

Và nhiều kiến thức khác!

Tất nhiên là còn nhiều thứ khác.

  • Việc triển khai lồng CSS được thư giãn cho phép các quy tắc kiểu lồng nhau bắt đầu bằng một phần tử, thay vì được gói bằng is() hay yêu cầu ký hiệu và phía trước.

  • Với thao tác enterpictureinpicture trong Media Session API, các trang web có thể đăng ký trình xử lý thao tác để mở cửa sổ Hình trong hình hoặc Hình trong hình tài liệu.

  • Xin lưu ý rằng Chrome đang nỗ lực để ngừng sử dụng cookie của bên thứ ba. Vào tháng 1, một thử nghiệm có thể ảnh hưởng đến trang web của bạn sẽ bắt đầu. Vì vậy, bạn cần chọn Chuẩn bị cho việc ngừng sử dụng cookie của bên thứ ba để kiểm tra và giảm thiểu các bước cần thực hiện.

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

Phần 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 những thay đổi khác trong Chrome 120.

Đăng ký

Để luôn nắm bắt thông tin mới nhất, hãy đăng ký kênh YouTube dành cho Nhà phát triển Chrome. Sau đó, bạn sẽ nhận được thông báo qua email mỗi khi chúng tôi ra mắt video mới.

Chào Adriana Jara, nhóm chúng tôi chúc bạn một kỳ nghỉ lễ vui vẻ và ngay khi Chrome 121 được phát hành, tôi luôn sẵn sàng thông báo cho bạn những điểm mới trong Chrome!