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 kỹ hơn về các tính năng mới dành cho nhà phát triển trong Chrome 120.

API CloseWatcher.

Một đặc điểm quan trọng của thành phần cửa sổ bật lên hoặc cửa sổ phụ 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à khoá ESC trên 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 nào 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 khó khăn trên các thiết bị Android, trong đó 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 này cùng với CloseWatcher, một API mới để trực tiếp lắng nghe và phản hồi các yêu cầu đóng. Phiên bản này cũng bao gồm các bản nâng cấp lên <dialog> và popover="" để sử dụng khung yêu cầu đóng mới nhằm phản hồi nút quay lại trên 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 đàn accordion bằng cách sử dụng một chuỗi 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, người dùng có thể mở tối đa một phần tử trong nhóm đó cùng một lúc.

Sau đây là ví dụ về 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 vi phạm chính sách về quyền

Hiện đã có cá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 để cho phép nhà phát triển kiểm soát các tính năng của trình duyệt mà một trang, iframe và tài nguyên phụ của trang đó cung cấp, bằng cách khai báo một nhóm 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 dùng để tạo 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 điểm cuối mà báo cáo vi phạm chính sách về quyền sẽ được gửi tới. Nhờ đó, chủ sở hữu trang web có thể biết thời điểm các trang trong trường của họ có yêu cầu sử dụng các tính năng không được phép.

Bạn có thể xem thêm thông tin chi tiết về cách triển khai trong bài viết 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.

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

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

  • Cách triển khai lồng ghép CSS đơn 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() hoặc yêu cầu phải có ký hiệu "&".

  • Nhờ thao tác enterpictureinpicture trong Media Session API, các trang web có thể đăng ký trình xử lý thao tác dùng để mở cửa sổ Hình trong hình hoặc 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 bắt đầu có thể ảnh hưởng đến trang web của bạn. Vì vậy, bạn nên chọ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.

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

Trên đây chỉ là một số điểm nổi bật chính. Hãy truy cập vào các đường liên kết dưới đây các thay đổi bổ sung trong Chrome 120.

Đăng ký

Để cập nhật thông tin, hãy đăng ký Kênh YouTube dành cho nhà phát triển Chrome, và 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.

Xin chào Adriana Jara, nhóm chúng tôi chúc bạn có một kỳ nghỉ lễ vui vẻ. Ngay sau khi Chrome 121 được phát hành, tôi sẽ sẵn sàng cho bạn biết về các tính năng mới trong Chrome!