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

API CloseWatcher.

Đặc điểm quan trọng của các thành phần cửa sổ bật lên hoặc phương thức là chúng dễ đóng, với cơ chế nhất quán để thực hiện việc này. Những 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 để bàn và cử chỉ hoặc nút quay lại trên Android.

Nhà phát triển web không có cách hay để xử lý các yêu cầu đóng cho 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 vì 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 cùng 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> và 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 xem bản minh hoạ API của 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 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 chế độ thiết lập này, bạn 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ó 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

Báo cáo vi phạm chính sách về quyền hiện đã có sẵn. Những 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ó trên trang, iframe cũng như tài nguyên phụ của trang đó bằng cách khai báo một bộ chính sách để trình duyệt thực thi qua API Báo cáo. API Báo cáo cung cấp cơ chế báo cáo chung cho các ứng dụng web sử dụng để tạo báo cáo có sẵn dựa trên một số tính năng của nền tảng.

Việc tích hợp API Báo cáo và API Chính sách về quyền 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 đến, cho phép chủ sở hữu trang web biết khi nào các tính năng không được phép được yêu cầu cho các trang của họ trong trường.

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

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

Tất nhiên, vẫn còn nhiều lý do khác.

  • Việc triển khai lồng CSS 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() hoặc yêu cầu có ký hiệu và ở phía trước.

  • Với thao tác enterpictureinpicture trong API Media Session, 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 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 sẽ bắt đầu và có thể ảnh hưởng đến trang web của bạn. Vì vậy, bạn nên kiểm tra bài viết Chuẩn bị cho việc sử dụng cookie của bên thứ ba ngừng hoạt động để 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

Bài viết này chỉ bao gồm 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 bên dưới để biết thêm những thay đổi khác trong Chrome 120.

Đăng ký

Để 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.

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