Chrome 120 的新功能

以下是一些注意事項:

我是 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 提供通用的報表機制,可讓網頁應用程式根據數種平台功能提供報表。

透過這項 Permissions Policy API 和 Reporting API 整合功能,網頁程式開發人員即可設定端點,將哪些權限政策違反報告傳送給他們,讓網站擁有者查看該欄位中是否有網頁要求禁止的功能。

使用權限政策控管瀏覽器功能,進一步瞭解實作詳情。

還有更多獎品等著您!

當然,還有許多其他功能

  • 寬鬆 CSS 巢狀結構實作允許巢狀樣式規則從元素開始,而不是以 is() 包裝,或在前面需要 & 符號。

  • 網站使用 Media Session API 中的 enterpictureinpicture 動作,即可註冊動作處理常式,用來開啟子母畫面或文件子母畫面視窗。

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

延伸閱讀

這只涵蓋部分重要亮點。請點選下方連結查看 Chrome 120 的其他變更。

訂閱

歡迎訂閱 Chrome Developers YouTube 頻道, 每次推出新影片時,您都會收到電子郵件通知。

親愛的 Adriana Jara,我們的團隊祝您佳節愉快。Chrome 121 上市後,我們很樂意為您說明 Chrome 的新功能!