以下是一些注意事項:
- 使用 CSS 錨點定位,錨定元素變得前所未有的簡單。
- Compute Pressure API 有助於最佳化可用的電腦電源。
- Storage Access API 擴充功能可用於 Cookie 儲存空間以外的其他用途。
- 還有許多其他功能。
我是 Adriana Jara讓我們一起來看看 Chrome 125 為開發人員提供哪些新功能。
CSS 錨定定位。
顯示錨定至其他元素的元素,可讓您建立 UI 模式,例如使用彈出式視窗做為工具提示,並將其附加至叫用該彈出式視窗的元素。
透過 CSS 錨點定位,您可以以宣告方式將絕對定位元素連結至網頁上一個或多個元素。這項功能不需要 JavaScript,且在錨點可捲動時可有效運作。
錨點定位功能包含大量 CSS 屬性。以下是幾個主要的屬性:
anchor-name
:將元素設為其他元素的錨點。position-anchor
:說明錨定元素應使用的「預設」錨點,用於錨點定位。anchor()
函式:在定位錨定元素時,參照錨定元素的位置。inset-area
:一種定位簡寫,適用於一般相對位置。
Compute Pressure API。
Compute Pressure API 提供高層級狀態,代表系統上的 CPU 負載。
為了讓電腦效能達到平衡,API 會使用正確的基礎硬體指標,確保系統在可控的壓力下,使用者能充分利用所有可用的處理效能。
Intel 負責設計及實作這項 API,讓視訊會議應用程式能動態平衡功能和效能。
如需範例和更多資訊,請參閱 Compute Pressure API。
Storage Access API (SAA) 擴充至非 Cookie 儲存空間。
Storage Access API 是一種 JavaScript API,可取代跨網站 Cookie,用於需要載入跨網站資源的嵌入內容,以便視需要向使用者要求存取權。
這個版本包含擴充功能,可讓您使用 Cookie 以外的 API。有了這項擴充功能,您就能在第三方內容 (例如已建立索引的資料庫和本機儲存空間) 中,存取未分區的 Cookie 和非 Cookie 儲存空間。以下程式碼範例說明如何要求存取已建立索引的資料庫。
// Request a new storage handle via rSA (this may prompt the user)
let handle = await document.requestStorageAccess({indexedDB : true});
// Open or create an indexedDB that is shared with the 1P context
let messageDB = handle.indexedDB.open("messages");
還有更多獎品等著您!
當然,還有更多功能。
Device Posture API 和 Viewport Segments Enumeration API 有來源試用版。這些 API 旨在協助開發人員指定折疊式裝置。
Shared Storage API 現在支援執行跨來源 Worklet,無須建立 iframe。
延伸閱讀
這份報告僅涵蓋部分重點。如要瞭解 Chrome 125 的其他異動,請參閱以下連結。
訂閱
歡迎訂閱 Chrome Developers YouTube 頻道,即時掌握最新消息,每當我們推出新影片時,您都會收到電子郵件通知。
Yo soy Adriana Jara 等 Chrome 126 推出後,立即向各位說明 Chrome 的新功能!