以下是一些注意事項:
- CloseWatcher API 可在處理關閉要求時提供一致的體驗。
- 使用
<details>
元素輕鬆實作手風琴模式。 - 權限政策違規報告現已推出。
- 還有更多應用程式。
我是 Adriana Jara讓我們深入探索 Chrome 120 為開發人員推出的新功能。
CloseWatcher API。
強制回應或彈出式視窗元件的一項重要功能是,它們很容易關閉,並採用一致的機制來達成。這些機制稱為「關閉要求」,通常是電腦平台上的 ESC
鍵,在 Android 上則稱為返回手勢或按鈕。
網頁程式開發人員無法有效處理自身元件的關閉要求。這在 Android 裝置上特別容易發生問題,因為為返回手勢提供簡單的關閉行為會相當複雜。
在 Chrome 120 中,我們運用了 CloseWatcher 這個解決方案,直接監聽並回應關閉的要求,此外,這個版本也包含升級至 <dialog>
和 popover=""
,以便使用新的關閉要求架構,以便回應 Android 返回按鈕。
<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 開發人員工具新功能 (120)
- Chrome 120 淘汰和移除項目
- 適用於 Chrome 120 的 ChromeStatus.com 更新
- Chromium 原始碼存放區變更清單
- Chrome 發布時間表
訂閱
如要隨時掌握最新資訊,請訂閱 Chrome Developers YouTube 頻道,每當我們推出新影片時,您就會收到電子郵件通知。
Yo Soy Adriana Jara,我們的團隊祝你佳節愉快,而 Chrome 121 推出後,我很樂意告訴你 Chrome 的新功能!