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

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 những tính năng mới dành cho nhà phát triển trong Chrome 120.

CloseWatcher API.

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 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à phím ESC trên các nền tảng máy tính và cử chỉ hoặc nút quay lại trên Android.

Nhà phát triển web không có cách tốt để 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 gây ra vấ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 khá phức tạp.

Chrome 120 mang đến giải pháp 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. Bản cập nhật này cũng bao gồm các bản nâng cấp cho <dialog> và popover="" để sử dụng khung yêu cầu đóng mới, nhờ đó các bản cập nhật này có thể phản hồi nút quay lại của Android.

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

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 accordion bằng cách sử dụng một trình tự các phần tử HTML <details>.

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

Dưới đây là ví dụ về một nhóm có tên là 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 vi phạm chính sách về quyền

Hiện đã có báo cáo 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 cho phép nhà phát triển kiểm soát các tính năng của trình duyệt có sẵn cho một trang, iframe và tài nguyên phụ bằng cách khai báo một 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 một cơ chế báo cáo chung cho các ứng dụng web sử dụng để cung cấp báo cáo dựa trên một số tính năng của nền tảng.

Việc tích hợp API Chính sách quyền và API Báo cáo này cho phép nhà phát triển web định cấu hình các điểm cuối mà báo cáo vi phạm chính sách quyền sẽ được gửi đến, cho phép chủ sở hữu trang web xem thời điểm các tính năng bị cấm được yêu cầu cho các trang của họ trong trường.

Bài viết Kiểm soát các tính năng của trình duyệt bằng Chính sách quyền cung cấp thêm thông tin chi tiết về cách triển khai.

Và nhiều tính năng khác!

Tất nhiên còn nhiều tính năng khác.

  • Quy trình triển khai lồng CSS linh hoạt 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() hoặc yêu cầu dấu và ở phía trước.

  • Với thao tác enterpictureinpicture trong API Phiên phát nội dung nghe nhìn, các trang web có thể đăng ký một trình xử lý thao tác để mở cửa sổ Hình trong hình hoặc Chế độ hình trong hình của 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 sẽ bắt đầu và có thể ảnh hưởng đến trang web của bạn. Vì vậy, bạn cần phải kiểm tra phần Chuẩn bị cho việc ngừng sử dụng cookie của bên thứ ba để biết các bước kiểm tra và giảm thiểu rủi ro.

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 các thay đổi 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. 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.

Tôi là Adriana Jara. Nhóm của chúng tôi chúc bạn có một mùa lễ an lành. Ngay khi Chrome 121 được phát hành, tôi sẽ trở lại để giới thiệu cho bạn những tính năng mới trong Chrome!