Chrome 125 新功能

以下是一些注意事項:

我是 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");

更多功能陸續推出!

當然還有許多其他東西。

閱讀完整版本資訊

其他資訊

以上內容僅涵蓋部分重點功能。如要瞭解 Chrome 125 的其他變更,請點選以下連結。

訂閱

如要隨時掌握最新資訊,請訂閱 Chrome Developers YouTube 頻道,每當我們推出新影片時,您就會收到電子郵件通知。

Yo soy Adriana Jara,而且 Chrome 126 推出後,我將立刻告訴大家 Chrome 有哪些新功能!