Microsoft Edge 133 Web 平臺版本資訊 (2025 年 2 月)

發行項
02/10/2025

以下是 Microsoft Edge 133 中的新 Web 平臺功能和更新，發行日期為 2025 年 2 月 6 日。

若要保持最新狀態並取得最新的 Web 平臺功能，請下載測試人員版本的 Microsoft Edge，例如 Canary、Dev 或 Beta;請參閱成為Microsoft Edge 測試人員。

詳細內容：

Edge DevTools
WebView2
Web 平臺功能
- 已啟用的功能
- 已淘汰和已移除的功能
  - 取代 WebGPU 限制 maxInterStageShaderComponents
  - 拿掉 <link rel=prefetch> 五分鐘規則
原始試用版
- Microsoft僅限Edge的原點試用版
- 新的 Chromium 原點試用

Edge DevTools

針對Edge DevTools，請參閱 Microsoft Edge DevTools 的新功能。

WebView2

針對 WebView2，請參閱 WebView2 SDK 的版本資訊。

Web 平臺功能

已啟用的功能

`Animation.overallProgress`

overallProgress將屬性加入至 Animation JavaScript 類別。

這個屬性提供一個方便且一致的表示法，表示動畫在其反覆專案中的進階程度，以及其時間軸的本質為何。

`Atomics.pause`

Atomics.pause加入方法，以提示 CPU 目前的程式碼正在執行線程鎖定。

腳本的 CSP 哈希報告

為了安全起見，複雜的 Web 應用程式通常需要保留其下載的子資源記錄。特別是，即將推出的產業標準和最佳做法 (例如 PCI-DSS v4) 要求Web應用程式必須清查其下載並執行的所有腳本。

這項功能是以內容安全策略 (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 層級 5 中所指定的擴 attr() 增，允許以外的 <string>類型，並允許在虛擬元素 content) 以外的所有 CSS 屬性 (使用。

例如:

<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，中文、日文和韓文 (CJK) 字元的屬性兩個值 text-box-edge 會延遲到未來的版本。

DOM 狀態保留移動

此功能會新增 DOM 基本 (moveBefore) ，允許在 DOM 樹狀結構中四處移動專案，而不需要重設元素的狀態。這個函式可在節點上 ParentNode 使用，例如 Element、 Document與 DocumentFragment。

移動專案而不是移除或插入專案時，會保留如下的狀態：

<iframe> 專案仍會保持載入狀態。
使用中元素會保留焦點。
彈出視窗和對話框仍保持開啟狀態。
CSS 轉換和動畫會繼續執行。

在上 `attributionsrc` 公開屬性 `<area>`

針對屬性報告，attributionsrc因為與共用<a>的程式代碼刻意支援該屬性，所以屬性已經在元素上<area>意外處理。

為了完整起因，上的 <area> 屬性會以相同的語法和語意公開給 <a>，而不會變更先前的處理。 <area>巡覽具有屬性的attributionsrc標籤時，前景要求可能會註冊流覽來源，如果屬性不是空的，則一或多個背景要求同樣能夠註冊導覽來源。

在元素計時和最大 Contentful Paint (LCP) 中公開粗略的跨原始來源 `renderTime` ，不論 `Timing-Allow-Origin` (的) 標頭為何

所有項目計時和 LCP 效能專案都會有非零 renderTime的，即使它們是跨原始來源而沒有標頭也一 Timing-Allow-Origin 樣。所有簡報時間戳 (renderTime、繪製計時開始時間，以及事件時間結束時間) 會粗略化為 4ms 的倍數，以降低讀取跨原始來源影像信息的風險。

介面`FileSystemObserver`

介面 FileSystemObserver 會通知網站文件系統的變更。網站會觀察使用者先前已授與許可權的檔案和目錄變更，使用者的本機裝置 (如) 中 WICG/file-system-access 所指定，或在) 中 whatwg/fs 指定的 Bucket 檔案系統中 (，並收到基本變更資訊的通知，例如變更類型。

多重匯入對應

匯入對應目前必須在任何 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 資源的使用，而且可以減少已驗證內嵌的延遲。

支援使用 `ClipboardItem` 建立 `Promise<DOMString>`

ClipboardItem 是異步剪貼簿寫入方法的輸入。 ClipboardItem建構函式現在除了 BLOB 之外，還接受字串值。 ClipboardItemData 可以是 BLOB;字串;或解析為 BLOB 或字串的承諾。

Web 驗證 API：的 `getClientCapabilities()` 方法 `PublicKeyCredential`

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

WebAssembly memory64 提案

memory64 提案新增對大於 2^32 位之線性 WebAssembly 記憶體的支援。此提案不提供新的指示，但會改為擴充現有的指示，以允許記憶體和數據表使用 64 位索引。

WebGPU：1 元件頂點格式 (和 `unorm8x4-bgra`)

新增因缺乏支援而未出現在 WebGPU 初始版本中的其他頂點格式，或任何瀏覽器不再支援的舊 macOS 版本。 1 元件頂點格式可讓應用程式只要求必要的數據，而先前，應用程式必須針對8位和16位數據類型要求至少2倍以上的數據。此 unorm8x4-bgra 格式可讓載入 BGRA 編碼頂點色彩，同時保留相同的著色器更方便。

Web 密碼編譯 API 的 X25519 演算法

X25519 演算法提供工具，可使用 RFC7748 中指定的 X25519 函式來執行密鑰協定。演演算法 X25519 識別碼可以在介面中 SubtleCrypto 用來存取實作的作業： generateKey、 importKey、 exportKey、 deriveKey和 deriveBits。

popover=hint

Popover API 會指定屬性的兩個值popover的行為：和 manual。 auto 此功能描述第三個值 popover=hint 最常與工具提示類型行為相關聯的提示，其行為稍有不同。主要差異在於， hint 在開啟巢狀堆疊的彈出視窗時，會從屬 auto於。因此，當現有的彈出視窗堆疊auto保持開啟時，可以開啟不相關的hint彈出視窗。標準範例是 <select>) (開 popover=auto 啟選擇器，並顯示暫留觸發的工具提示 (popover=hint) 。該動作不會關閉 <select> 選擇器。

已淘汰和已移除的功能

取代 WebGPU 限制 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>。

這會修正具有預先擷取規則的 Bug，其中已快取非 2xx 回應。這不需要快取標頭來預先擷取規則，因為這類標頭是用於導覽預先擷取，因此快取需求與一般 HTTP 快取不同。

原始試用版

以下是新的實驗性 API，您可以在有限的時間內於自己的即時網站上試用。若要深入瞭解原點試用，請參閱在 Microsoft Edge 中使用原始試用版。若要查看可用原點試用的完整清單，請參閱Microsoft Edge 原點試用版。

Microsoft僅限Edge的原點試用版

數位商品 API

到期日為 2025 年 3 月 31 日。

數位商品 API 可讓 Web 應用程式取得其數位產品和數位商店所管理使用者購買的相關信息。使用者代理程式會擷取存放區的連線，並使用付款要求 API 進行購買。

Web 應用程式存 `LocalFolder` 取

到期日為 2025 年 3 月 31 日。

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

HTML+IDL 手寫屬性

到期日為 2025 年 6 月 14 日。

針對哪些內容應該允許或不允許手寫輸入的細微每個檔和個別元素控制。

擷取資訊 API

到期日為 2025 年 6 月 30 日。

支援透過應用程式市集或直接從瀏覽器取得之漸進 Web Apps (PWA) 的 3P 取得屬性。

新的 Chromium 原點試用

跨根 ARIA 的參考目標

到期日為 2025/6/10。

參考目標 API 允許以識別碼為基礎的參考，特別是來自元素和 ARIA 屬性的參考，以參考陰影根目錄內經常用於 Web 元件中的元素。這會填滿 Web 元件輔助功能中經常引用的間距。

DisableThirdPartyStoragePartitioning3

到期日為 2025/9/16。

這是一般用途的淘汰試用版，可讓最上層網站針對內嵌在其網站中的第三方內容，選擇加入未分割的記憶體、服務背景工作角色和通訊 API。這可讓網站有更多時間進行測試，並移轉至不需要分割記憶體的解決方案。

背景頁面凍結 Opt-Out

到期日為 2025/9/16。

此試用版可讓頁面退出背景頁面凍結。在 Chromium 133 中，除非退出退出，否則背景超過 5 分鐘的索引卷標可能會在 CPU 密集且省電模式作用中時凍結。開發新的 Web API 時會提供原先試用退出，以退出退出特定使用案例的頁面。

注意事項

此頁面的部分是根據 Chromium.org 所建立和共用的工作進行修改，並根據 Creative Commons Attribution 4.0 國際授權中所述的條款使用。

共用方式為

Microsoft Edge 133 Web 平臺版本資訊 (2025 年 2 月)

Edge DevTools

WebView2

Web 平臺功能

已啟用的功能

Animation.overallProgress

Atomics.pause

腳本的 CSP 哈希報告

CSS :open 虛擬類別

CSS 捲動狀態容器查詢

CSS 進階函式attr()

CSS text-box、 text-box-trim和 text-box-edge 屬性