Chrome 125 新功能

以下是一些注意事項:

我是 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 儲存空間,例如 indexedDB 和 localstorage。以下程式碼範例說明如何要求 indexedDB 存取權。

// 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");

還有更多獎品等著您!

當然,還有許多其他功能。

查看完整版本資訊

延伸閱讀

這份報告僅涵蓋部分重點。如要瞭解 Chrome 125 中的其他異動,請參閱以下連結。

訂閱

如要隨時掌握最新消息,請訂閱 Chrome 開發人員 YouTube 頻道,這樣一來,我們發布新影片時,你就會收到電子郵件通知。

我是 Adriana Jara,Chrome 126 一推出,我就會在這裡告訴你 Chrome 有哪些新功能!