以下是一些注意事項:
- CloseWatcher API 可在處理關閉要求時提供一致的體驗。
- 使用
<details>
元素輕鬆實作摺疊模式。 - 現已推出權限政策違規報表。
- 除此之外,你還有更多功能。
我是 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 開發人員工具新功能 (120)
- Chrome 120 淘汰與移除措施
- Chrome 120 適用的 ChromeStatus.com 更新
- Chromium 原始碼存放區變更清單
- Chrome 發布時間表
訂閱
歡迎訂閱 Chrome Developers YouTube 頻道, 每次推出新影片時,您都會收到電子郵件通知。
親愛的 Adriana Jara,我們的團隊祝您佳節愉快。Chrome 121 上市後,我們很樂意為您說明 Chrome 的新功能!