Microsoft Edge 148 Web 平台版本資訊 (2026 年 5 月)

以下是 2026 年 5 月 7 日發行之 Microsoft Edge 148 中的新 Web 平台功能和更新。

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

詳細內容:

Microsoft Edge 開發工具

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

WebView2

請參閱:

CSS 功能

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

CSS 僅名稱容器查詢

CSS 查詢容器可以僅根據其 container-name 本身進行查詢,而且容器不需要任何 container-type 設定:

<style>
#container {
  container-name: --foo;
}
@container --foo {
  input { background-color: green; }
}
</style>
<div id="container">
  <div><input></div>
</div>

先前, @container 除了 之外,還需要一些查詢 container-name。

另請參閱:

revert-rule關鍵字

關鍵字會 revert-rule 將串聯復原至上一個規則。

這類似於將級聯復原到上一層的方式revert-layer。

例如:

div { color: green; }
div { color: revert-rule; /* Effectively green */ }

關鍵字 revert-rule 與條件式結合使用時特別有用。 revert-rule如果不符合某些條件,關鍵字允許刪除目前的規則:

div {
  display: if(style(--layout: fancy): grid; else: revert-rule);
}

另請參閱:

at-rule():CSS 功能偵測

此 at-rule() 函數可在 CSS @supports中使用,以功能偵測對 CSS at-rules 的支援。

另請參閱:

text-decoration-skip-ink: all

text-decoration-skip-ink屬性現在具有all值。 此屬性繼續支援 auto 和 none。

  • all - 無條件將筆跡跳過套用至所有字符,包括 CJK 字元。 使用 text-decoration-skip-ink: all時,如果您調整 text-underline-position 或 text-underline-offset 避免與 CJK 字符衝突,您也可以明確選擇為這些字元跳過筆跡。

  • auto - 保持不跳過 CJK 字元。 適用於表意文字。 筆跡跳過可能會在典型的底線位置產生表意文字腳本不希望的視覺結果。

  • none - 防止筆跡跳過。

另請參閱:

Web API

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

資源計時中的內容類型

contentType的新欄位 on PerformanceResourceTiming 包含一個字串,該字串對應至伺服器所傳回之擷取資源的內容類型。

另請參閱:

dropEffect 在拖放事件中處理

使用拖放 API 時,dropEffect屬性現在會在 、 和dragoverdragleave事件期間dragenter具有正確的預定值,如 HTML 標準所指定。

針對 dragenter 和 dragover 事件,屬性 dropEffect 現在是以目前 effectAllowed的 .

針對 dragleave 事件, dropEffect 一律 "none"是 。

另請參閱:

延伸生命週期共用背景工作角色

建立共用背景工作角色時設定此 extendedLifetime 選項,以便在所有用戶端頁面關閉後,讓服務背景工作角色在一段限定時間內保持作用中。 此技術可在卸載期間可靠地完成非同步作業。

另請參閱:

偵測安全付款確認功能

使用方法 PaymentRequest.getSecurePaymentConfirmationCapabilities() 判斷瀏覽器中支援哪些安全付款確認功能。

這個方法會傳回描述瀏覽器安全付款確認功能的物件。 使用傳回的物件來決定是否要針對付款流程使用安全付款確認功能。

這是非同步、靜態的方法。

另請參閱:

IDNA ContextJ 規則

Microsoft Edge 現在會透過禁止在 URL 內大部分位置使用下列字元來實作 IDNA ContextJ 規則:

  • ZWNJ (U+200C 零寬度非連接器)

  • ZWJ (U+200D 零寬連接器)

這改善了與其他瀏覽器的交互操作性。

IDNA 是網域名稱中出現非 ASCII 字元的機制。 例如,URL http://네이버.한국/ 會編碼為 http://xn--950bt9s8xi.xn--3e0b707e/。

另請參閱:

延遲載入視訊和音訊元素

使用 和<audio>元素的新<video>屬性,並將loading值設lazy為 ,將媒體資源載入延遲到元素靠近視埠為止。

語法:

<audio loading="lazy"/>
<video loading="lazy"/>

這符合 和<iframe>元素現有<img>的延遲載入行為,提高了頁面載入效能並減少了資料使用量。

另請參閱:

  • 載入 位置 <video>:MDN 中的視訊嵌入元素 。
  • 載入<audio>:MDN 中的內嵌音訊元素 。
  • 載入 位置 <img>:MDN 中的圖像嵌入元素 。
  • 載入<iframe>: MDN 的內嵌框架元素 。

資訊清單當地語系化

您現在可以當地語系化資訊清單成員,以使 PWA 名稱、描述、圖示和捷徑適應使用者的語言和地區。

您可以在 Web 應用程式資訊清單 JSON 檔案中提供當地語系化的值。 然後瀏覽器會根據使用者的語言設定自動選擇適當的資源。

另請參閱:

支援 OpenType 字型格式中的 avar2

現在支援 OpenType 字型格式的 avar2) (軸變化表格的版本 2。

Avar2 可讓字型設計者建立字型,並更好地控制插補。 使用 avar2,字體的變異軸可以相互影響,從而實現更複雜的設計、更易於使用的字體和更小的檔案大小。

另請參閱:

拖曳開始時的指標事件抑制

當拖曳作業開始時,瀏覽器現在會 pointercancel將 、 pointerout和 pointerleave 事件傳送至拖曳來源,指出指標事件串流已結束。

此行為可確保拖曳來源在拖曳作業期間不會預期此指標會發生任何其他事件。

此行為現已在所有平臺間完全實作。

另請參閱:

重新指派影像時重複使用no-store影像src

當您將相同的 src 值 <img> 重新指派給元素時,瀏覽器現在會重複使用檔案中已解碼的影像,即使影像隨 一起提供 Cache-Control: no-store。 這可避免不必要的網路重新擷取,並改善效能。

以前,瀏覽器會重新擷取影像,即使影像已經解碼並在文件中可用。

此 Web 互通性修正程式會讓 Microsoft Edge 與 Firefox 和 Safari 保持一致。

另請參閱:

偵測語言和翻譯文字

語言偵測器 API 會偵測文字的語言,而翻譯工具 API 會翻譯不同語言之間的文字。

這兩個 API 都在裝置上運行,與基於雲端的解決方案相比,提供更低的成本、網路獨立性並改善隱私。 API 使用內建於 Microsoft Edge 的機器學習模型,並可從網站或瀏覽器擴充功能中的 JavaScript 程式碼使用。

另請參閱:

Web 驗證立即 UI 模式

大部分的網頁登入體驗都需要提供多個選項的登入頁面,例如使用者名稱/密碼欄位、同盟登入按鈕,以及金鑰按鈕。 當瀏覽器已經知道網站的密鑰或密碼時,Web 驗證立即 UI 模式可以使登入頁面變得不必要。

立即 UI 模式是 的新模式 navigator.credentials.get()。 如果瀏覽器具有網站的密鑰或密碼,瀏覽器會向使用者顯示登入 UI。 如果沒有可用的相符認證,則會拒絕 Promise NotAllowedError ,且不會顯示任何瀏覽器 UI,因此使用者的登入體驗會回復到網站的傳統登入頁面。

這可減少登入摩擦,並避免使用者因必須記住先前在指定網站上使用哪個登入選項而產生混淆。

另請參閱:

WebGPU linear_indexing 功能

此功能 linear_indexing 將兩個新的計算著色器內建值新增至 WebGPU 著色語言 (WGSL) :

  • global_invocation_index,這是 global_invocation_id的線性化版本。
  • workgroup_index,這是 workgroup_id的線性化版本。

這些內建值為計算著色器叫用提供便利的單一維度索引,取代容易出錯的手動線性化。

另請參閱:

一律在 WebRTC 中交涉資料通道

在建立資料通道之前,請使用 alwaysNegotiateDataChannels WebRTC RTCPeerConnection 的新選項來交涉工作階段描述通訊協定供應項目中的資料通道。

啟用時:

  • 資料通道 m= 線會置於任何音訊或視訊 m= 線之前。
  • 使用 BUNDLE時,若要針對多個媒體類型重複使用單一連線,資料通道 m= 行會用作提供者標記的媒體區段。

另請參閱:

原始試用版

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

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

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

寫入器 API

於 2026 年 4 月 21 日到期。

Writer API 可用來從書寫工作提示產生文字,並由裝置上的 AI 語言模型提供支援。

例如,使用此 API 來:

  • 產生結構化資料的文字說明。
  • 根據評論或產品描述,Compose 關於產品的文章。
  • 根據背景資訊產生傳記。

另請參閱 使用撰寫協助 API 摘要、撰寫及重寫文字。

重寫器 API

於 2026 年 4 月 21 日到期。

重寫器 API 會在裝置上的 AI 語言模型支援下,以要求的方式轉換和改寫輸入文字。

使用此 API 來移除輸入文字中的冗餘項目,以便:

  • 將文字調整為字數限制。
  • 重新措辭以適合目標受眾。
  • 如果文本使用不適當的語言,請更具建設性。

另請參閱 使用撰寫協助 API 摘要、撰寫及重寫文字。

校訂 API

於 2026 年 5 月 19 日到期。

校對 API 可修正文字中的文法、拼字和標點符號錯誤。

校訂 API 使用內建於 Microsoft Edge 中的小型語言模型 (SLM) ,從您網站的 JavaScript 程式碼或瀏覽器擴充功能的 JavaScript 程式碼。

另請參閱 使用校對器API修正文法和拼字。

提示 API

於 2026 年 6 月 16 日到期

使用提示 API 從您網站的 JavaScript 程式碼或瀏覽器擴充功能的 JavaScript 程式碼 (提示 Microsoft Edge 內建的 SLM) 小型語言模型。

提示 API 是實驗性 Web API。

使用提示 API 來執行下列工作:

  • 產生並分析文字。
  • 根據使用者輸入建立應用程式邏輯。
  • 探索將提示工程功能整合到 Web 應用程式的創新方式。

另請參閱:

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

WebGPU 相容模式

於 2026 年 4 月 21 日到期。

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

目標是將 WebGPU 應用程式的覆蓋範圍擴展到沒有核心 WebGPU 所需的現代、顯式圖形 API 的舊裝置。

延長共用背景工作者的存留期

於 2026 年 4 月 21 日到期。

共用工作角色的延長存留期可讓您在頁面卸載之後執行重要的非同步工作,而不會造成服務工作角色的額外負荷。

建立共用背景工作角色時設定此 extendedLifetime 選項,以便在所有用戶端頁面關閉後,讓服務背景工作角色在一段限定時間內保持作用中。 此技術可在卸載期間可靠地完成非同步作業。

這類非同步作業包括:

  • IndexedDB 寫入。
  • 加密或壓縮。
  • 分析要求。

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

SharedArrayBuffers 在桌面平台上的非隔離頁面中

於 2026 年 5 月 19 日到期。

在非跨來源隔離的頁面上未允許使用 SharedArrayBuffers 的暫時擴充。

來電通知

於 2026 年 5 月 19 日到期。

來電通知 API 會擴充通知 API,以允許已安裝的 PWA 傳送來電通知。

來電通知具有鈴聲和按鈕,其樣式用來表示接聽或拒絕來電。

這可讓使用者更容易辨識並接聽來電通知,協助 Web 應用程式建立更具吸引力的體驗。

WebAssembly 自訂描述元

於 2026 年 6 月 16 日到期。

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

Web 安裝 API

於 2026 年 7 月 14 日到期。

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

<usermedia> HTML 元素

於 2026 年 7 月 14 日到期。

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

使用語義 HTML 元素而非 JavaScript:

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

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

增強型畫布 TextMetrics

於 2026 年 8 月 11 日到期。

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

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

這項新功能可讓複雜的文字編輯應用程式具有準確的選取範圍、插入號定位和點擊測試。

此外,以叢集為基礎的呈現有助於實現複雜的文字效果,例如:

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

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

WebNN

於 2026 年 8 月 11 日到期。

使用 WebNN API 直接在 Web 應用程式中建置和執行機器學習模型。

透過建立有效對應至平台功能和裝置硬體的計算圖,使用硬體加速神經網路。

focusgroup 鍵盤瀏覽的 HTML 屬性

於 2026 年 8 月 11 日到期。

使用 focusgroup HTML 屬性,標準化複合小工具的鍵盤導覽,例如工具列、索引標籤、功能表和選項群組。

focusgroup屬性會自動處理下列項目,而不需要自訂 JavaScript 程式碼:

  • 流動 tabindex 行為。
  • 透過方向鍵瀏覽。
  • 專注記憶;重新進入焦點群組時,還原最後焦點的元素。

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

CSP script-src 中的 URL 和評估雜湊

於 2026 年 8 月 25 日到期。

此功能引入了要在內容安全策略的指示詞中使用的 script-src url 和 eval- 雜湊。

這可讓您撰寫嚴格的 CSP,只仰賴雜湊和 nonce 型原則,而不必使用寬鬆的主機名稱允許清單或 unsafe-eval。

數位認證 API - 發行支援

於 2026 年 9 月 8 日到期。

數位憑證 API 可讓您觸發從憑證簽發者伺服器向數位錢包應用程式發行使用者憑證。

例如,使用數位憑證 API 來觸發從政府或大學伺服器向使用者的數位電子錢包提供新的駕駛執照或經過驗證的學位。

prerender_until_script 推測規則 API 動作

於 2026 年 9 月 8 日到期。

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

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

WebAudio 可設定轉譯 Quantum

於 2026 年 9 月 8 日到期。

根據預設,WebAudio 會 (轉譯量子) 處理 128 個樣本影格的固定區塊中的音訊。 當應用程式的音訊處理區塊大小與預設值不符時,開發會變得複雜,處理效率也會降低。

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

  • 傳遞整數,以要求特定大小。
  • 傳遞 "default" (或省略選項) ,以使用預設值 128 個畫面。
  • 傳遞 "hardware",讓瀏覽器為目前的設定挑選最佳大小。

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

透過表單提交預先轉譯啟用

於 2026 年 9 月 8 日到期。

此原始試用版會在推測規則 API 中新增一個欄位,以允許表單提交啟用預轉譯規則。

CPU 效能 API

於 2026 年 9 月 8 日到期。

CPU 效能 API 會公開使用者裝置功能強大的資訊。

此 API 目標是使用此資訊來提供改善使用者體驗的 Web 應用程式,可能與計算壓力 API 結合使用。

計算壓力 API 提供使用者裝置 CPU 壓力和使用率的相關資訊,並允許應用程式對 CPU 壓力的變更做出反應。

預先轉譯跨原始來源 iframe

於 2026 年 9 月 22 日到期。

根據預設,瀏覽預先轉譯會延遲所有跨原始來源 iframe 的載入,直到預先轉譯頁面啟用為止。 當跨原始來源 iframe 對您的應用程式至關重要時,這種延遲可能會抵消預渲染的許多好處。

此原始來源試用版會使用選擇加入的回應標頭來預先轉譯跨原始來源 iframe。 如果最上層框架的 HTTP 回應包含標頭, Supports-Loading-Mode: prerender-cross-origin-frames 瀏覽器會預先轉譯所有跨原始來源框架。

自動填滿事件

於 2026 年 11 月 3 日到期。

使用新 autofill 事件來偵測瀏覽器自動填寫何時更新表單控制項。

這樣可以在自動填寫完成後更輕鬆地調整自訂 UI、驗證或相依表單邏輯。

注意事項

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