Microsoft Edge 146 Web 平台版本資訊 (2026 年 3 月)

以下是 2026 年 3 月 12 日發行的 Microsoft Edge 146 中的新 Web 平台功能和更新。

若要保持最新狀態並取得最新的 Web 平台功能,請下載 Microsoft Edge (Beta、Dev 或 Canary) 的預覽通道;移至 成為 Microsoft Edge 測試人員。

詳細內容:

Microsoft Edge 開發工具

查看 DevTools 的新增功能 (Microsoft Edge 146) 。

WebView2

請參閱:

CSS 功能

Microsoft Edge 中包含下列新的階層式樣式表 (CSS) 功能。

捲動觸發動畫

捲動觸發動畫可讓您根據捲動位置控制動畫。 當到達某個捲動位置時,您可以播放、暫停或重設動畫。

此功能無需使用 JavaScript 手動偵測元素何時在檢視中,然後觸發動畫。 相反,您可以在 CSS 中以聲明方式定義基於捲動的動畫,這允許瀏覽器透過在工作執行緒上運行動畫來優化效能。

另請參閱:

hanging 和 each-line 關鍵字 text-indent

屬性現在 text-indent 支援兩個選用關鍵字:

  • hanging:縮排第一行以外的所有行。
  • each-line:將縮排套用至強制分行符號之後的每一行,而不是只縮排第一行。

這些關鍵字可讓您進一步控制文字縮排在不同案例中的套用方式。

另請參閱:

trigger-scope

屬性可讓您 trigger-scope 控制動畫觸發程序名稱的範圍,類似錨點範圍搭配屬性使用 anchor-scope 的方式。

由屬性宣告的觸發程序名稱,例如 timeline-trigger 預設為全域,這可能會導致命名衝突。 用 trigger-scope 來將觸發程序名稱的可見度限制為特定範圍,以防止觸發非預期的動畫。

meta name="text-scale" 元素

<meta name="text-scale" content="scale">中繼元素會使頁面的預設字型大小隨著使用者的作業系統和瀏覽器文字縮放設定而縮放。

如果您的網頁使用字型相對單位, rem 例如 或 em,這就相當實用。 此 <meta> 元素會告訴瀏覽器,您的頁面是為配合不同的文字大小喜好設定而建立,因此瀏覽器可以停用自己的文字自動調整大小機制。

Web API

Microsoft Edge 中包含下列新的 Web API 功能。

限定範圍的自訂元素登錄

您現在可以使用建構函式來建立與全域 window.customElements 登錄 CustomElementRegistry() 不同的自訂元素登錄。

建立自訂登錄對於允許具有相同標籤名稱的多個自訂元素共存非常有用。

例如,如果您有兩個不同版本的程式庫,且都定義自訂 <my-button> 元素,則可以為程式庫的每個版本建立個別的登錄,以避免命名衝突。

另請參閱:

LCP 符合發出候選項目的規格行為

LCP) 演算法現在會根據已繪製的內容發出候選 (內容。 這會使演算法與規格的最新行為保持一致。

此前,LCP 可以考慮將待處理但尚未繪製的圖像作為候選圖像。 透過此更新,候選項目的發射量更貼近使用者實際看到的內容。

另請參閱:

導覽 API:從 precommit 新增認可後處理常式

處理 navigate 事件時,您現在可以在執行預認可邏輯的同時註冊認可後工作。

這改善了相同文件導覽流程的人體工學,其中必須在認可之前進行設定,但在認可後應該執行其他工作。

另請參閱:

選擇性權限介入

選擇性權限介入有助於確保敏感性權限的使用方式符合使用者意圖。

此變更會限制機會主義協力廠商內容使用權限,降低非預期存取相機、麥克風、地理位置或藍牙等功能的機會。

另請參閱:

MIME 類型參數會保留在資料 URL 中

當您使用資料 URL 時,MIME 類型參數 ((例如 charset 或 boundary) ) 現在會保留在標頭中 Content-Type 。

這項變更會使資料 URL 處理與擷取 API 的規格保持一致,並確保資料 URL 中的參數資訊不會在處理期間遺失。

另請參閱:

Intl.Locale.prototype.variants

屬性會 Intl.Locale.prototype.variants 以虛線分隔識別碼的字串形式,傳回與地區設定相關聯的變體。

您現在 "variants" 也可以在建構 Intl.Locale.

另請參閱:

反覆運算器排序

此方法會 Iterator.concat() 依序組合多個迭代器,以建立新的迭代器。

您可以將任意數量的迭代件傳遞給 Iterator.concat(),產生的迭代器將按順序從每個可迭代件中產生值。

另請參閱:

WebAudio 的播放統計資料 API

此 AudioContext.playbackStats 屬性會提供有關 Web 音訊播放的統計資料,例如:

  • 平均延遲。
  • 最小/最大延遲。
  • 未完成工期。
  • 欠支計數。

使用此 API 來監控音訊品質,並偵測音訊播放中的故障。

此功能先前稱為 AudioContext.playoutStats。 此功能已重新命名為 AudioContext.playbackStats,以與最終的 Web 音訊 API 規格一致。 舊名稱仍可作為已取代的別名使用,以保持回溯相容性。

另請參閱:

保留值為dropEffectdragover事件drop

使用拖放 API 時, dropEffect 事件中 dragover 設定的值現在會保留,且可在後續 drop 事件中使用。

先前,瀏覽器會以自己的交涉作業覆寫 dropEffect 值,這會讓您無法控制視覺意見反應和執行的最終作業。

另請參閱:

消毒劑 API

Sanitizer API 提供一種簡單又安全的方式,可從使用者提供的 HTML 字串中移除不安全的 HTML 內容。

使用此 API 清理 HTML 輸入,並降低在顯示使用者產生內容時受到 XSS (跨網站指令碼) 攻擊的風險。

另請參閱:

WebGPU 相容模式

WebGPU 相容模式新增了可選加入的、受輕微限制的 WebGPU API 子集,能夠執行舊版圖形 API,例如 OpenGL 和 Direct3D11。

透過選擇加入此模式並遵循其限制,您可以將 WebGPU 應用程式的範圍擴展到許多沒有核心 WebGPU 所需的現代、明確圖形 API 的舊裝置。

  • 對於簡單的應用程式,唯一需要的變更是將featureLevel選項"compatibility"requestAdapter()設定為 when call.

  • 對於更進階的應用程式,可能需要進行一些修改,以適應相容性模式的限制。 不過,由於相容性模式使用 WebGPU API 的子集,因此您的應用程式也可以在不支援相容性模式的瀏覽器上運作。

另請參閱:

WebGPU:紋理和取樣器 let 繫結

在 WGSL 中, let 聲明現在可以存儲紋理或取樣器的物件,這 texture_and_sampler_let 要歸功於語言功能。

這可讓您:

  • 更有彈性的著色器程式碼組織。
  • 重複使用紋理和取樣器繫結。

WebGPU: 暫時性附件

使用新的 TRANSIENT_ATTACHMENT GPU 紋理使用方式旗標來建立可保留在磚記憶體中的轉譯行程附件。 這會避免 VRAM 流量,並可能避免配置紋理的 VRAM。

當紋理宣告為暫時性 (或「無記憶體」時 ) ,GPU 知道該紋理的內容只是暫時需要在目前的轉譯傳遞中。

由於紋理內容會在轉譯傳遞之後捨棄,因此驅動程式可能不需要在主要 VRAM 中為該紋理配置空間。 即使沒有對暫時性附件的硬體支援,此提示也可以用來重複使用傳遞之間的紋理分配,從而減少記憶體使用量的尖峰。

另請參閱:

在檔案處理期間填入targetURL

當透過檔案處理啟動漸進式 Web 應用程式 (PWA) 時,該 LaunchParams.targetURL 屬性現在已正確填入啟動佇列中。

先前,此屬性是 null 當檔案啟動導向至現有視窗時。

現在,消費者就可以使用launchQueue您資訊清單action欄位中的 URL。 這提供了與其他啟動觸發器的一致性,例如捷徑啟動和導航捕獲。

這可讓您更瞭解啟動的意圖,並處理特定的路由邏輯,即使主要承載是一組檔案控制碼。

另請參閱:

重新載入時停止重新排 LaunchParams 入佇列

launchQueue當使用者在 PWA 中重新載入頁面時) ,不會再重新傳送包括LaunchParams檔案控制碼在內的最新 (。

先前,頁面重新整理會再次觸發啟動消費者使用原始啟動的資料,這通常會導致非預期的行為。

例如,應用程式可能會在使用者每次重新整理頁面時,提示使用者「儲存變更嗎?」或「覆寫此檔案?」。

此變更可確保重新載入會被視為標準瀏覽,而非重新啟動,且 launchQueue 只有在實際發生新檔案啟動事件時才會填入。

另請參閱:

原始試用版

以下是可在 Microsoft Edge 中使用的新實驗性 API 的原始試用版。

原始試用版可讓您在限定的時間內,在自己的即時網站上嘗試實驗性 API。 若要深入了解原始試用版,請參閱在 Microsoft Edge 中使用原始試用版。

如需可用原始試用版的完整清單,請參閱 Microsoft Edge 原始試用版。

Web 安裝 API

於 2026 年 7 月 14 日到期。

Web 安裝 API 可讓網站使用,將 navigator.install()其他網站安裝為使用者裝置上的 Web 應用程式。

數位認證 API - 發行支援

於 2026 年 7 月 14 日到期。

數位憑證 API 可讓您觸發從憑證簽發者伺服器向數位錢包應用程式發行使用者憑證。 例如,此 API 可用來觸發從政府或大學伺服器向使用者數位錢包提供新的駕駛執照或經過驗證的學位。

WebAssembly 自訂描述元

於 2026 年 6 月 16 日到期。

WebAssembly 自訂描述符可讓 WebAssembly 更有效率地將與來源層級類型相關聯的資料儲存在新的自訂描述符物件中。

prerender_until_script 推測規則 API 動作

於 2026 年 9 月 8 日到期。

prerender_until_script 是推測規則 API 的新動作。 這個新動作提供介於 和prefetchprerender動作之間的中間選項。

當您希望瀏覽器預先轉譯頁面,但在特定指令碼開始執行後停止並切換回預先擷取時,請使用此 prerender_until_script 動作。

增強型畫布 TextMetrics

於 2026 年 8 月 11 日到期。

增強型畫布 TextMetrics 原始試用版會擴充 TextMetrics 畫布 API 以支援:

  • 選取矩形。
  • 週框方塊查詢。
  • 以字符叢集為基礎的作業。

這項新功能可讓複雜的文字編輯應用程式具有準確的選取範圍、插入號定位和點擊測試。 此外,以叢集為基礎的呈現有助於實現複雜的文字效果,例如:

  • 獨立角色動畫。
  • 獨立角色造型。

此原始試用版的相關資訊:

WebNN

於 2026 年 7 月 14 日到期。

WebNN 原始試用可讓您在平台提供的 ML 加速功能上試驗抽象層。

WebNN 幫助您了解:

  • 真實世界模型對應到 WebNN 支援的作業的程度。
  • WebNN 將這些操作映射到各種硬體的能力。

此原始試用版的相關資訊:

WebAudio 可設定轉譯量子

於 2026 年 9 月 8 日到期。

使用 WebAudio 可設定轉譯量子原始試用版,您可以在建立 AudioContext 或 OfflineAudioContext時指定renderSizeHint選項,以要求特定的轉譯量子大小。

<usermedia> HTML 元素

於 2026 年 7 月 14 日到期。

<usermedia> HTML 元素是瀏覽器控制的元素,用於要求相機或麥克風存取。

使用語義 HTML 元素而非 JavaScript:

  • 讓使用者更清楚了解權限要求。
  • 改善協助工具。
  • 防止操作性 UI 模式。
  • 透過直接提供媒體串流至應用程式,簡化工作流程。 這樣就不需要個別 API 呼叫。

此原始試用版的相關資訊:

來自非安全內容的本機網路存取

於 2026 年 5 月 19 日到期。

來自非安全內容的本機網路存取暫時允許從非安全內容存取本機網路上的資源。 這可讓您有更多時間來移轉「本機網路存取」要求,使其源自安全內容。

有關區域網路存取的限制,請參閱區域 網路存取的新權限提示。 此原始試用版只能透過 HTTP 標頭提供的原始權杖來啟用。

注意事項

本頁面的部分內容是基於 Chromium.org 創建和共享的工作進行的修改,並根據知識共享署名 4.0 國際許可證中描述的條款使用。