本頁面由 Cloud Translation API 翻譯而成。

Chrome 120 的新功能

Adriana Jara

以下是一些注意事項：

CloseWatcher API 可在處理關閉要求時提供一致的體驗。
使用 <details> 元素輕鬆實作手風琴模式。
權限政策違規報告現已推出。
還有更多應用程式。

我是 Adriana Jara讓我們深入探索 Chrome 120 為開發人員推出的新功能。

CloseWatcher API。

強制回應或彈出式視窗元件的一項重要功能是，它們很容易關閉，並採用一致的機制來達成。這些機制稱為「關閉要求」，通常是電腦平台上的 ESC 鍵，在 Android 上則稱為返回手勢或按鈕。

網頁程式開發人員無法有效處理自身元件的關閉要求。這在 Android 裝置上特別容易發生問題，因為為返回手勢提供簡單的關閉行為會相當複雜。

在 Chrome 120 中，我們運用了 CloseWatcher 這個解決方案，直接監聽並回應關閉的要求，此外，這個版本也包含升級至 <dialog> 和 popover=""，以便使用新的關閉要求架構，以便回應 Android 返回按鈕。

試用 CloseWatcher API 示範

`<details>` 名稱屬性

<details> 元素的 name 屬性可讓您輕鬆使用一系列的 <details> HTML 元素實作摺疊模式。

多個具有相同 name 的 <details> 元素會組成群組。在設定此設定後，該群組中最多只能有一個元素開啟。

以下範例是共用名為 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>

權限政策違規報告

權限政策違規報表現已推出。這些報表整合 Permissions Policy API，開發人員可透過 Reporting API 宣告瀏覽器要強制執行的一組政策，藉此控管網頁可用的瀏覽器功能、其 iframe 和子資源。Reporting API 是網頁應用程式提供的通用報表機制，可讓您根據數種平台功能提供報表。

透過 Permissions Policy API 和 Reporting API 整合功能，網頁開發人員可以設定端點，指定要傳送哪些權限違反政策報告，進而在欄位中查看要求不允許使用的功能。

使用權限政策控管瀏覽器功能，提供更詳細的實作說明。

還有更多獎品等著您！

當然還有許多其他東西。

放寬的 CSS 巢狀結構實作可讓巢狀樣式規則從元素著手，而不是以 is() 包裝，也不需要在前面加上 & 符號。
在 Media Session API 中使用 enterpictureinpicture 動作，網站就能註冊動作處理常式，用來開啟「子母畫面」或「文件子母畫面」視窗。
提醒你，Chrome 正致力淘汰第三方 Cookie。網站在 1 月進行的實驗開始，可能會影響你的網站，因此請務必查看「準備停用第三方 Cookie」一文，以便稽核與減少步驟。

其他資訊

以上內容僅涵蓋部分重點功能。如要瞭解 Chrome 120 的其他變更，請點選下方連結。

如要隨時掌握最新資訊，請訂閱 Chrome Developers YouTube 頻道，每當我們推出新影片時，您就會收到電子郵件通知。

Yo Soy Adriana Jara，我們的團隊祝你佳節愉快，而 Chrome 121 推出後，我很樂意告訴你 Chrome 的新功能！