Chrome 120 的新功能

Adriana Jara

以下是一些注意事項：

我是 Adriana Jara。讓我們深入瞭解 Chrome 120 為開發人員提供的新功能。

CloseWatcher API。

強制回應或彈出式視窗元件有個重要功能，那就是能輕鬆關閉，且具備一致的機制。這些機制稱為關閉要求，通常是電腦平台上的 ESC 鍵，以及 Android 的返回手勢或按鈕。

網頁開發人員無法妥善處理關閉自身元件的請求。在 Android 裝置上尤其如此，因為為返回手勢提供簡單的關閉行為相當複雜。

Chrome 120 提供 CloseWatcher 解決方案，這是可直接監聽及回應關閉要求的新 API。這項更新也包含對 <dialog> 和 popover="" 的升級，以便使用新的關閉要求架構，回應 Android 返回按鈕。

歡迎試試CloseWatcher API 示範。

<details> 名稱屬性

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

多個 <details> 元素都具有相同的 name，形成群組。在這種設定下，該群組中最多只能同時開啟一個元素。

以下是使用共用 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 提供通用報表機制，供網頁應用程式使用，以便根據多項平台功能提供報表。

這個權限政策 API 和 Reporting API 整合功能可讓網頁開發人員設定端點，以便傳送權限政策違規報告，讓網站擁有者查看在該欄位中，網頁何時要求使用不允許的功能。

透過權限政策控制瀏覽器功能提供更多實作詳細資訊。

還有更多獎品等著您！

當然，還有更多功能。

  • 放寬 CSS 巢狀結構實作可讓巢狀樣式規則以元素開頭，而非以 is() 包裝，也不需要在前面加上 & 符號。

  • 透過 Media Session API 中的 enterpictureinpicture 動作，網站可以註冊動作處理常式，用於開啟子母畫面或文件子母畫面視窗。

  • 提醒您，Chrome 正致力於淘汰第三方 Cookie。自 1 月的實驗開始，網站可能會受到影響，因此請務必勾選「準備停用第三方 Cookie」，以進行稽核及避免相關步驟。

延伸閱讀

這份報告僅涵蓋部分重點。如要瞭解 Chrome 120 的其他異動，請點選下方連結。

訂閱

如要隨時掌握最新消息，請訂閱 Chrome 開發人員 YouTube 頻道，這樣一來，我們發布新影片時，你就會收到電子郵件通知。

我是 Adriana Jara，我們的團隊祝你假期快樂！Chrome 121 一推出，我就會在這裡告訴你 Chrome 有哪些新功能！