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 元素輕鬆實作摺疊模式。

具有相同 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 頻道。每當我們推出新影片時,您會收到電子郵件通知。

Yosy Adriana Jara,我們的團隊祝您佳節愉快。Chrome 121 推出後,我會馬上說明 Chrome 的新功能!