共用方式為


Microsoft Edge 134 網頁平台發布說明 2025 年 3 月 ()

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

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

詳細內容:

Edge 開發工具

看看 DevTools (Microsoft Edge 134) 的新功能

WebView2

請參閱 WebView2 SDK 的 1.0.3124.44 (2025 年 3 月 10 日) 版本,詳見 WebView2 SDK 的版本

網頁平台功能

啟用功能

歸因報告:當觸發上下文 ID 非空時,移除可聚合的報告限制

當觸發上下文 ID 非空時,可彙總報告的限制會從歸因報告 API 中移除。

請參閱 MDN 的 歸因報告 API

CSS 高亮繼承

透過 CSS 高亮繼承,偽類別如 和 ::selection::highlight 現在是透過偽高亮鏈繼承其屬性,而非元素鏈。 結果是一個更直觀的高光屬性繼承模型。

當任何支援屬性未由級聯賦予值時,其指定值是從其原始元素父元素的對應高亮偽元素繼承而決定。

請參閱 MDN 上的 CSS 自訂高亮 API

CSS dynamic-range-limit 性質

dynamic-range-limit CSS 特性允許頁面限制 HDR 內容的最大亮度。

利用此特性,顯示 HDR 影像的網頁可以在圖片庫中限制其亮度,且僅在使用者互動時(例如滑鼠移轉時)提高亮度。

<select> 自訂元素

<select> 自訂元素讓你能完全控制該元素的渲染,只要加入 appearance: base-select CSS 宣告即可。

此功能目前依賴旗 SelectParserRelaxation 標,該標誌會改變 HTML 解析器,允許標籤內 <select> 有更多標籤。 包含先前被移除的額外標籤 <select> (如 <span> 元素)或包含極多 <option> 元素的網站,可能會受到 SelectParserRelaxation影響。

請參閱 可自訂選擇元素 (說明)

<dialog> 輕易解散

此功能將 Popover API 的 光線關閉 行為加入 <dialog> 元素。 光屬性消失 是指透過點擊或點擊元素外側來關閉元素 <dialog>

一個新的 closedby 屬性控制行為:

  • <dialog closedby="none">:完全沒有使用者觸發的對話結束。
  • <dialog closedby="closerequest">: 使用者按下 Esc (或其他關閉觸發鍵) 關閉對話框。
  • <dialog closedby="any">: 使用者點擊對話框外,或按 Esc 鍵,即可關閉對話框。 類似 popover=auto 於行為。
application-title 已安裝網頁應用程式的 meta 標籤

<meta name="application-title"> 元素允許已安裝的網頁應用程式設定已安裝應用程式視窗標題列中出現的文字。 預設情況下,如果 application-title 缺少元名稱,則會使用包含在 HTML <title> 元素中的文字。

請參閱 MDN 上的 Standard 元資料名稱中的其他名稱

文件政策: expect-no-linked-resources

在文件政策中, expect-no-linked-resources 設定點允許文件提示瀏覽器以優化載入順序,例如不使用預設的推測式解析行為。

瀏覽器已實作推測性解析 HTML 來推測性擷取 HTML 標記中存在的資源,以加速頁面載入。 對於大多數在 HTML 標記中宣告資源的網頁來說,優化是有益的,且在決定這些資源所支付的成本上是合理的取捨。 然而,以下情境可能導致效能與解析 HTML 以確定子資源所需時間的效能不佳取捨:

  • HTML 中沒有宣告任何資源的頁面。
  • 大型 HTML 頁面,資源載入極少或無,能透過其他預載機制明確控制預載資源。

Document-Policy expect-no-linked-resources 暗示瀏覽器有權優化用於子資源判定的時間。

明確的資源管理

此功能將 using 關鍵字引入 JavaScript,讓你能明確管理資源。 關鍵字 using 用來定義使用資源的程式碼區塊,並確保該資源在區塊結束時被處置。 此功能針對軟體開發中關於各種資源的壽命與管理的常見模式,例如記憶體或輸入輸出) (。 此模式支持資源分配及明確釋放關鍵資源。

請參閱 ECMAScript 明確資源管理

擴充 console.timeStamp API 以支援測量與呈現選項

此功能以 console.timeStamp() 向下相容的方式擴展 API,提供一種高效能的方法,用於用於應用程式的儀器化及將時序資料呈現至 DevTools 中的 效能 工具。

使用此 API 新增的時間點條目可自訂時間戳記、長度及呈現選項,例如在 效能 工具中選擇條目顏色。

另請參閱:

螢幕外畫布 getContextAttributes

此功能將 getContextAttributes() 介面的方法 CanvasRenderingContext2D 直接連結到介面 OffscreenCanvasRenderingContext2D

請參見 MDN 上的 CanvasRenderingContext2D: getContextAttributes () 方法

私有聚合 API:共享儲存呼叫者的每個情境貢獻限制

允許共享儲存呼叫者自訂每個私有聚合報告的貢獻數量。

此功能使共享儲存呼叫者能透過新欄位設定每個情境的貢獻限制: maxContributions。 來電者可設定此欄位以覆蓋每份報告的預設貢獻數——大小皆可。 由於填充,每個報告的有效載荷大小大致與每份報告所選貢獻數成正比。

另請參閱:

CSS 繪圖 API 的支援imageSmoothingQuality

此功能在介面上新增了對該 imageSmoothingQuality 屬性 PaintRenderingContext2D 的支援。 這讓你在縮放使用 CSS 繪圖 API 建立的圖片時,能在品質和效能上做出權衡。 該 imageSmoothingQuality 屬性支援三種選項:低、中和高。

另請參閱:

WebGPU 子群組

子群組的 WbGPU 功能允許 SIMD 平行處理。 透過使用子群組,群組內的執行緒可以執行集體操作。 這能在召喚群組間提供有效的溝通與資料共享。 這些操作可用於加速應用程式,減少呼叫間通訊所產生的記憶體開銷。

請參閱 MDN 的 WebGPU API

在共享儲存中支援網頁鎖 API

此功能透過將 Web Locks API 整合進共享儲存,使共享儲存工作檔的同時執行更可靠。

  • navigator.locks.request() 方法適用於工作小組環境。
  • 所有修飾鍵方法都支援 {withLock: <resource>}
  • sharedStorage.batchUpdate(methods, options) 方法允許透過 選項 withLock 原子執行多個修飾方法。 這使網站能在多個儲存鍵間更新資料時保持一致性。

起源試驗

以下是你可以在自己網站上有限時間試用的新實驗性 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 來源試驗

SelectParserRelaxation

截止日期為 2025 年 11 月 11 日。

這是一個棄用起源試驗,重新啟用舊有的解析器行為來解析 <select> 標籤。 在那個舊的行為下,不支援的內容會被默默丟棄,且不包含在 <select>. 此試驗可用於上述可 自訂 <select> 元素 (新行為導致網站) 損壞。

注意事項

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