Chrome 120 的新功能

Adriana Jara

以下是一些注意事項：

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

CloseWatcher API。

模式或彈出式元件的一大特色，就是可以輕鬆關閉，且關閉方式一致。這些機制稱為關閉要求，通常是電腦平台上的 ESC 鍵，以及 Android 上的返回手勢或按鈕。

網頁開發人員無法妥善處理關閉自身元件的請求。在 Android 裝置上，這會造成特別嚴重的問題，因為在 Android 裝置上，為返回手勢提供簡單關閉行為相當複雜。

Chrome 120 提供 CloseWatcher 解決方案，這是可直接監聽及回應關閉要求的新 API。這項更新也包含對 <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>

權限政策違規報告

權限政策違規報告現已推出，這些報告整合了權限政策 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 有哪些新功能！