Microsoft Edge 133 網頁平台發布說明 2025 年 2 月 ()

以下是 Microsoft Edge 133 中新增的網頁平台功能與更新，該版本將於 2025 年 2 月 6 日發布。

想隨時掌握最新網頁平台功能，請下載Microsoft Edge (Beta、Dev 或 Canary) 的預覽頻道;前往成為 Microsoft Edge 內部人士。

詳細內容：

Edge 開發工具
WebView2
網頁平台功能
- 啟用功能
- 已棄用或移除的功能
  - Deprecate WebGPU limit maxInterStageShaderComponents
  - 取消 <link rel=prefetch> 五分鐘規則
起源試驗
- Microsoft Edge專屬起源試用
- 新 Chromium 來源試驗

Edge 開發工具

看看 DevTools (Microsoft Edge 133) 有哪些新功能。

WebView2

請參閱 WebView2 SDK 的 1.0.3065.39 (2025 年 2 月 10 日) 版本， 詳見 WebView2 SDK 的版本。

網頁平台功能

啟用功能

`Animation.overallProgress`

為 Animation JavaScript 類別新增一個overallProgress屬性。

此特性提供一個方便且一致的呈現方式，顯示動畫在其迭代過程中的進展程度，無論其時間軸的性質如何。

`Atomics.pause`

新增 Atomics.pause 一個方法，提示 CPU 目前程式碼正在執行自旋鎖。

腳本的 CSP 雜湊報告

複雜的網頁應用程式通常需要記錄所下載的子資源，以保障安全。特別是即將出台的產業標準與最佳實務 (，如 PCI-DSS v4 ，) 要求網頁應用程式必須記錄所有下載與執行的腳本。

此功能建立在內容安全政策 (CSP) 與報告 API 之上，用以回報文件載入的所有腳本資源的 URL 與雜湊值。

CSS `:open` 偽類

:open偽類別比賽<dialog><details>及其開放狀態，以及<select><input>在有選擇者且該模式中顯示的模式中。

CSS 滾動狀態容器查詢

利用容器查詢根據容器的捲動狀態來樣式化容器的後代。

查詢容器要麼是捲軸容器，要麼是受捲軸容器滾動位置影響的元素。可查詢以下狀態：

stuck：一個黏性放置的容器會黏在捲軸盒的某一邊緣。
snapped：捲動對齊容器目前是水平或垂直吸附。
scrollable：卷軸容器是否能朝查詢方向滾動。

新的 container-type: scroll-state 容器需要查詢。

例如：

#sticky {
  position: sticky;
  container-type: scroll-state;
}

@container scroll-state(stuck: top) {
  #sticky-child { font-size: 75% }
}

CSS 進階 `attr()` 函式

實作 CSS Level 5 中指定的擴充 attr() 功能，允許除了之外的型別 <string>，並且允許在所有 CSS 屬性 (偽元素 content) 中使用。

例如:

<style>
  div {
     background-color: attr(data-foo type(<color>), red);
  }
</style>
<div data-foo="blue">test</div>

CSS `text-box`、 `text-box-trim`、與 `text-box-edge` 性質

為了實現文字內容的光學平衡， text-box-trim 與 text-box-edge 屬性結合 text-box 速記特性，使文字垂直對齊的控制更為精細。

text-box-trim該物業規定了要修剪 () 上方或下方的側邊。該 text-box-edge 屬性規定了邊緣應如何修剪。

這些屬性讓你能透過字型指標精確控制垂直間距。

ideographic 以及 ideographic-ink，該版權的中文、日文及韓文 (中日韓) 字的兩個價值 text-box-edge 將延後至未來發行。

DOM 狀態保全移動

此功能新增了 DOM 原語 (moveBefore) ，允許在 DOM 樹中移動元素，而不會重置該元素的狀態。此函數可在 ParentNode 節點上使用，如 Element、 Document和 DocumentFragment。

當移動元素而非移除或插入元素時，會保留以下狀態：

<iframe> 元素仍裝填。
主動元素能保持焦點。
彈出視窗和對話框仍保持開放。
CSS 的轉換和動畫持續執行。

在上暴露屬性`attributionsrc<area>`

在歸因報告中，該 attributionsrc 屬性已因程式碼共享而在元素上被無意中處理 <area> ，該程式碼 <a>是刻意支援該屬性的。

為了完整性，屬性在上的 <area> 暴露與語法與語意相同 <a>，且未改變先前的處理方式。當 <area> 帶有 attributionsrc 屬性的標籤被導航時，前景請求可能會註冊導航來源，若該屬性非空，則一個或多個背景請求也能登錄導航來源。

無論 (TAO) 標頭如何`Timing-Allow-Origin`，都可在元素時序及最大內容性繪製) (LCP 中曝光粗糙交叉原點`renderTime`

所有元素時序與 LCP 效能條目都會有非零 renderTime，即使它們是沒有 Timing-Allow-Origin 標頭的交叉來源。所有呈現時間戳記 (renderTime、繪畫時序開始時間及事件時序結束時間) 將粗略化至4毫秒的倍數，以降低讀取跨來源影像資訊的風險。

`FileSystemObserver`介面

介面會 FileSystemObserver 通知網站檔案系統的變更。網站會觀察使用者先前授權的檔案與目錄變更，這些變更發生在使用者的本地裝置 (（依) WICG/file-system-access 指定）或桶檔案系統 (中，如) 指定 whatwg/fs ，並收到基本變更資訊通知，例如變更類型。

多重匯入地圖

匯入地圖目前必須在任何 ES 模組前載入，且每份文件只能有一張匯入地圖。這使得匯入地圖在現實中變得脆弱且使用起來可能變慢：任何模組在匯入地圖前載入就會破壞整個應用程式，而在模組眾多的應用程式中，匯入地圖會成為很大的阻礙資源，因為所有可能模組的整張地圖都必須先載入。

此功能允許每份文件有多個匯入映射，透過以一致且確定性的方式合併匯入映射。

此變更對應以下相關變更：

新增一種命令式方式來設定彈出物件間的呼叫者關係： popover.showPopover({source})。
調用者關係會建立隱含的錨元素參考。

點擊巢狀的彈出覆蓋不會重新喚起相同的彈出覆蓋。

在以下範例中，正確點擊按鈕即可啟動彈出視窗。不過，點擊彈出視窗後的彈出視窗 本身不 應該會關閉彈出視窗。之前這個案例中彈出是關閉的，因為彈出點擊聲會冒泡到， <button> 啟動了呼叫器，導致彈出結束。

<button popovertarget=foo>Activate
  <div popover id=foo>Clicking me shouldn't close me</div>
</button>

資源時序：還原 `responseStart` 變更並引入 `firstResponseHeadersStart`

資源時間安排：

responseStart 回傳第一句回覆，可能是早期提示 (中期) 或最終回覆。
最終回應標頭 (2xx/4xx/5xx) 時間暴露為 finalResponseHeadersStart。

儲存存取標頭

提供一種認證嵌入選擇未分割 cookie 的替代方式。這些標頭會顯示未分割的 cookie 是否 (或) 包含在特定網路請求中。這些標頭也允許伺服器啟用 storage-access 已授權的權限。提供另一種啟用 storage-access 權限的方式，允許非 iframe 資源使用，並能降低認證嵌入的延遲。

支持創建一個`ClipboardItemPromise<DOMString>`

ClipboardItem 是非同步剪貼板寫入方法的輸入。 ClipboardItem建構子現在除了 BLOB 外，也接受字串值。 ClipboardItemData 可以是 BLOB;一條線;或是一個可解析為 BLOB 或字串的 Promise。

網路認證 API：方法`getClientCapabilities()PublicKeyCredential`

此 getClientCapabilities() 方法可判定使用者客戶端支援哪些 WebAuthn 功能。此方法會回傳支援的功能清單，讓您能根據客戶端的特定功能量身打造驗證體驗與工作流程。

WebAssembly memory64 提案

memory64 提案新增對大於 2^32 位元的線性 WebAssembly 記憶體的支援。此提案不提供新指令，而是擴展現有指令，允許記憶體與資料表使用 64 位元索引。

WebGPU：單組件頂點格式 (與 `unorm8x4-bgra`)

新增了 WebGPU 初期版本中因缺乏支援而未出現的頂點格式，或是舊版 macOS 版本不再被任何瀏覽器支援。單元件頂點格式允許應用程式只請求必要的資料，而過去應用程式對於 8 位元和 16 位元的資料型態，至少需要多請求 2 倍的資料。這種 unorm8x4-bgra 格式讓載入 BGRA 編碼的頂點顏色時，使用相同著色器會稍微方便一些。

網路密碼學 API 的 X25519 演算法

X25519 演算法提供工具，透過 RFC7748 中指定的 X25519 函數來執行金鑰一致性。 X25519演算法識別碼可用於SubtleCrypto介面中存取實作的操作：generateKey、 importKeyexportKeyderiveKeyderiveBits。

popover=提示

Popover API 指定了屬性兩個值 popover 的行為： auto 和 manual。此特徵描述第三個值，。 popover=hint 提示通常與提示型行為相關，行為略有不同。主要差異在於，當打開巢狀的彈出疊疊時，a hint 是從 auto屬於 s。因此，有可能在現有的彈出覆蓋堆疊保持開啟時，開啟一個無關 hint 的彈出轉換 auto 。典型例子是 <select> 選擇器開啟 (popover=auto) ，並顯示一個懸停觸發 (popover=hint) 工具提示。這個動作不會 <select> 關閉撥片。

已棄用或移除的功能

以下 Web API 功能已被棄用 (仍支援，但不建議) 或移除。

Deprecate WebGPU limit maxInterStageShaderComponents

maxInterStageShaderComponents這項限制正在被取消，原因包括：

冗餘性： maxInterStageShaderVariables此限制已具備類似目的：控制著色器階段間資料傳遞量。
小差異：兩者的計算方式略有差異，但這些差異很小，且可在限制內 maxInterStageShaderVariables 有效管理。
簡化：移除 maxInterStageShaderComponents 著色器介面能簡化並降低開發者的複雜度。與其同時管理兩個同時存在但細微差異 () 的獨立限制，你可以專注於 maxInterStageShaderVariables更恰當地稱為且全面且更貼切的限制。

取消 `<link rel=prefetch>` 五分鐘規則

過去，當資源被預先 <link rel=prefetch>取用時，其快取語意 (特定 max-ageno-cache ，且首次使用時) 會被忽略，需在5分鐘內避免重新取用。現在這個特殊情況已被移除，改用一般的 HTTP 快取語意。

這表示要從 <link rel=prefetch>中受益，你需要包含適當的快取標頭， (也就是說， Cache-Control 或 Expires) 。

這也影響非標準 <link rel=prerender>。

這修正了推測規則預取的一個錯誤，因為非 2xx 回應被快取。這不需要快取標頭來進行推測規則預取，因為這類標頭是用於導航預取，因此快取需求與一般 HTTP 快取不同。

起源試驗

以下是你可以在自己網站上有限時間試用的新實驗性 API。欲了解更多關於起源試驗的資訊，請參閱「使用起源試驗測試實驗 API 與功能」。

欲了解完整的可用起源試用清單，請參見 Microsoft Edge 起源試用。

Microsoft Edge專屬起源試用

數位商品 API

截止日期為 2025 年 3 月 31 日。

數位商品 API 允許網頁應用程式取得其數位產品及數位商店管理的使用者購買資訊。使用者代理抽象了與商店的連線，而付款請求 API 則用於進行購買。

網頁應用程式 `LocalFolder` 存取

截止日期為 2025 年 3 月 31 日。

允許Microsoft商店安裝的漸進式Web Apps (PWA) 存取先前由 UWP 版本應用程式儲存在 WinRT ApplicationData.LocalFolder 資料夾中的檔案內容。

HTML+IDL 手寫屬性

截止日期為2025年6月14日。

屬性提供 handwriting 每份文件及每個元素的控制手寫輸入（例如使用觸控筆時）允許的區域。

採購資訊 API

截止日期為2025年6月30日。

支援透過應用商店或直接從瀏覽器取得的 Progressive Web Apps (PWA) 進行 3P 採購歸屬。

新 Chromium 來源試驗

跨根 ARIA 的參考目標

截止日期為2025年6月10日。

參考目標 API 允許基於 ID 的參考，特別是來自元素與 ARIA 屬性的參考，指向陰影根節點內的元素，這些元素在網頁元件中經常使用。這填補了 Web Components 無障礙性中一個常見的缺口。

停用第三方儲存分割3

截止日期為 2025/9/16。

這是一個通用的棄用試驗，允許頂層網站選擇使用未分割的儲存、服務工作者及通訊 API，以支援嵌入其網站中的第三方情境。這讓網站有更多時間測試並遷移到不需要分割儲存的解決方案。

背景頁面凍結 Opt-Out

截止日期為 2025/9/16。

此試用允許頁面選擇退出背景頁面凍結。在 Chromium 133 中，背景顯示超過 5 分鐘的分頁如果是 CPU 密集型且啟用了節能模式，可能會凍結，除非選擇退出。在開發新的 Web API 期間，會提供 Origin 試用的退出選項，以針對特定使用情境選擇退出頁面。

注意事項

本頁部分內容基於 Chromium.org 創作與分享的作品，並依據創用CC 姓名標示 4.0 國際授權條款進行修改。

意見反應

此頁面對您有幫助嗎？

Last updated on 2025-12-19

共用方式為

Microsoft Edge 133 網頁平台發布說明 2025 年 2 月 ()

Edge 開發工具

WebView2

網頁平台功能

啟用功能

Animation.overallProgress

Atomics.pause

腳本的 CSP 雜湊報告

CSS :open 偽類