以下是一些注意事項:
- CSS 錨定位置讓錨定元素比以往更加簡單。
- Compute Pressure API 會協助最佳化可用的電腦電源。
- Storage Access API 已拓展至更多 Cookie 儲存空間。
- 還有更多應用程式。
我是 Adriana Jara讓我們深入探索 Chrome 125 為開發人員推出的新功能。
CSS 錨定定位。
顯示固定於其他元素的元素可讓您建立 UI 模式,例如將彈出式視窗當做工具提示,並附加至叫用該元素的元素。
使用 CSS 錨定位置時,您可以透過宣告方式,將絕對位置的元素與網頁上的一或多個元素共用。不必使用 JavaScript,而且在錨定標記可捲動時成效良好。
錨定定位功能包含大量 CSS 屬性。以下是幾個主要屬性:
anchor-name
:將元素設為其他元素的錨定標記。position-anchor
:說明錨定元素應用於錨定標記的「預設」錨點。anchor()
函式:指錨定元素的位置,位於錨定元素的位置。inset-area
:用於常見相對位置的簡寫。
運算壓力 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 和可視區域區隔 Enumeration API 有來源試用。這些 API 旨在協助開發人員鎖定折疊式裝置。
Shared Storage API 現在支援執行跨來源 Worklet,而無需建立 iframe。
其他資訊
以上內容僅涵蓋部分重點功能。如要瞭解 Chrome 125 的其他變更,請點選以下連結。
訂閱
如要隨時掌握最新資訊,請訂閱 Chrome Developers YouTube 頻道,每當我們推出新影片時,您就會收到電子郵件通知。
Yo soy Adriana Jara,而且 Chrome 126 推出後,我將立刻告訴大家 Chrome 有哪些新功能!