Microsoft Edge 151 Web 平台版本資訊 (2026 年 7 月)

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

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

詳細內容：

• Microsoft Edge 開發工具
• WebView2
• CSS 功能
  • CSS ruby-overhang 屬性
  • 將初始值變更為position-anchornormal
  • animation-trigger 動作不再自動倒轉
• HTML 功能
  • <usermedia> 元素
  • aria-actions 屬性
  • shadowrootslotassignment 宣告式陰影 DOM 的屬性
• Web API
  • 裝置事件權限要求 API
  • 重複的連續導覽會被忽略
  • Navigation Timing API 中的跨原始來源重新導向計時
  • LanguageDetector 支援繁體中文和簡體中文
  • soft-navigation 和 interaction-contentful-paint 效能項目
  • 全域公開介面FontFaceSet
  • 推測規則： form_submission 欄位
  • 滾輪事件指出動量捲動
  • 在 Rust 中針對非 XSLT 案例進行 XML 剖析
  • textStream()、 Request和 的Response方法Body
• 原始試用版

Microsoft Edge 開發工具

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

WebView2

請參閱 WebView2 SDK 的版本資訊。

CSS 功能

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

CSS ruby-overhang 屬性

CSS 屬性設定 ruby-overhang Ruby 註釋是否可以重疊相鄰的文字。

屬性接受 和 spacesnone值auto，以控制 Ruby 註釋文字的懸垂。

另請參閱:

• <ruby> MDN 的 HTML ruby 註釋元素 。
• ruby-overhang MDN 的 CSS 屬性 。

將初始值變更為position-anchornormal

CSS 屬性的 position-anchor 初始值現在 normal是 。 先前，初始值為 none。

這會讓 Microsoft Edge 與其他瀏覽器及錨點定位規格保持一致。

• 如果設定為 ，則position-area行為類似於 none。 normalnone
• 如果未設定為 ，則position-area行為類似 auto。 normalnone

另請參閱:

• position-anchor MDN 的 CSS 屬性 。
• position-area MDN 的 CSS 屬性 。

animation-trigger 動作不再自動倒轉

CSS 屬性的animation-trigger值 play和 play-forwardsplay-backwards 會指示動畫觸發程序播放動畫。

這些值不再自動倒轉動畫：當動畫已執行至完成 和 play使用 ， play-forwardsplay-backwards 或 時，動畫將不會重新開始。

另請參閱:

• CSS 捲動觸發動畫來了！

HTML 功能

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

<usermedia> 元素

<usermedia> HTML 元素是瀏覽器提供的按鈕，啟用後可切換相機或麥克風串流。 如有需要，按鈕會提示使用者選擇是否要授與頁面存取權給相機和麥克風。

這個瀏覽器提供的按鈕可提供更好的使用者體驗，因為權限提示會直接連結到使用者意圖。

該 <usermedia> 元素以前在更通用 <permission> 的元素下作為原始試驗可用。 根據開發人員和其他瀏覽器廠商的意見反應， <permission> 元素已重新命名為特定 <usermedia> 元素，以提供更貼合需求且功能更強大的開發人員體驗。

另請參閱:

• <usermedia> 元素，位於 “WICG / PEPC” 存放庫中。

aria-actions 屬性

HTML 屬性會 aria-actions 公開複合互動式小工具的次要動作。

例如，您可以使用 aria-actions 屬性來顯示索引標籤的關閉按鈕，這是索引標籤小工具的次要動作，如下所示：

<div class="tab" aria-actions="close-tab">
  Tab title
  <button id="close-tab">Close</button>
</div>

放置在複合互動式小工具中的次要動作是常見的 UI 模式。 該 aria-actions 屬性可讓您直接公開這些次要動作按鈕，以提高輔助技術 (AT) 使用者的可探索性。

另請參閱:

• 特徵： aria-actions 在 Chrome 平台狀態。

shadowrootslotassignment 宣告式陰影 DOM 的屬性

shadowrootslotassignment元素的<template>屬性允許宣告式陰影根使用手動位置指派。

先前，手動版位指派只能透過 JavaScript 進行，如下所示：

attachShadow({slotAssignment: "manual"})

您現在可以透過 HTML 聲明手動版位指派，如下所示：

<template shadowrootslotassignment="manual">
</template>

另請參閱:

• ShadowRoot：MDN 的 slotAssignment 屬性 。

Web API

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

視窗控制項重疊現在預設會隱藏標題列

display_override: ["window-controls-overlay"]對於已安裝的漸進式 Web 應用程式，Web 應用程式資訊清單成員會隱藏瀏覽器顯示在視窗頂端的預設標題列 (但視窗控制項按鈕除外) 。

在 Microsoft Edge 151 之前，已安裝的 Web 應用程式最初 display_override: ["window-controls-overlay"] 會顯示預設標題列，包括使用者可以按一下以啟用視窗控制項重疊的 V 形 (^ 或 V) 按鈕。

從 Edge 151 開始：

• 標題列預設為隱藏。
• 字形按鈕 (標題列切換按鈕) 已移除。
• 已安裝的 Web 應用程式 display_override: ["window-controls-overlay"] 可以立即 () V 形按鈕的位置使用標題列內的該空間，而不需要使用者動作。

另請參閱:

• MDN 上的視窗控制項重疊 API。
• 使用 [視窗控制項重疊] 在標題列區域中顯示內容。

裝置事件權限要求 API

您可以撥打電話 DeviceMotionEvent.requestPermission() 並 DeviceOrientationEvent.requestPermission() 要求瀏覽器提供要與網頁共用的裝置運動和方向資料。

這些方法會根據使用者是否允許使用者代理程式與頁面共用感應器資料，傳回解析為 granted 或 denied的 Promise。

另請參閱:

• DeviceMotionEvent： requestPermission () MDN 的靜態方法 。
• DeviceOrientationEvent： requestPermission () MDN 的靜態方法 。

重複的連續導覽會被忽略

當瀏覽已經在進行中時，Microsoft Edge 現在會忽略對與上一個瀏覽要求相同的 URL 的新瀏覽要求。

快速連續的重複瀏覽通常是由於意外的按兩下所造成。 重複的瀏覽可能會取消進行中的瀏覽並開始新的瀏覽，從而浪費資源。 此最佳化可改善效能並改善使用者體驗。

另請參閱:

• 嘗試在 Chromium 錯誤追蹤器中的重複瀏覽上保留較舊的瀏覽。

Navigation Timing API 中的跨原始來源重新導向計時

Timing-Allow-Origin在跨來源重新導向鏈中使用標頭時，會透過導覽計時 API 提供 的 redirectStartredirectEnd值redirectCount，並傳送至目的地檔案。

這可讓您測量和最佳化跨原始來源重新導向。

另請參閱:

• MDN 上的瀏覽時間。
• MDN 的 Timing-Allow-Origin 標頭 。

LanguageDetector 支援繁體中文和簡體中文

LanguageDetector API 現在可以偵測並區分以繁體中文或簡體中文撰寫的文字。

LanguageDetector API 會傳回繁體中文和zh-Hans簡體中文的語言代碼zh-Hant。 先前，LanguageDetector API 會針對繁體中文和簡體中文傳回 zh 。

另請參閱:

• 使用語言偵測器 API 偵測語言
• LanguageDetector API

soft-navigation 和 interaction-contentful-paint 效能項目

效能 API 現在包含兩個新的 PerformanceEntry 類型：

• soft-navigation - 報告由互動起始的相同文件歷程記錄狀態變更。
• interaction-contentful-paint - 報告頁面部分中由使用者互動修改的新內容繪製。 這可協助您了解互動載入延遲。

使用這些新項目來測量軟導覽的效能。 軟瀏覽是在單一頁面應用程式 (SPA) 中由 JavaScript 導向的瀏覽。

另請參閱:

• PerformanceEntry 。
• MDN 的效能 API。

全域公開介面FontFaceSet

該 FontFaceSet 介面現在會全域公開。

先前， FontFaceSet 介面不會公開為全域屬性。

這項變更會讓 Microsoft Edge 與 CSS 字型載入規格以及 Safari 和 Firefox 保持一致。

另請參閱:

• FontFaceSet 於 MDN。

推測規則： form_submission 欄位

您現在可以在推測規則API中設定 "form_submission": true 預轉譯規則上的欄位，以允許表單提交導覽啟用預轉譯。

先前，表單提交永遠無法啟用預先轉譯的頁面。 現在，設定 "form_submission": true 會告知瀏覽器準備預轉譯，因此當使用者提交結果 URL 與預轉譯 URL 相符的表單時，預轉譯會立即啟用。

這對於可以預先預測結果 URL 的搜尋表單非常有用。 例如，若要預先轉譯瀏覽至 /search?q=foo的搜尋表單結果，請使用下列推測規則：

<script type="speculationrules">
{
  "prerender": [
    {
      "urls": ["/search?q=foo"],
      "form_submission": true
    }
  ]
}
</script>

另請參閱:

• MDN 中的推測規則 API。

滾輪事件指出動量捲動

WheelEvent介面現在包含一個momentum屬性，指出事件是否為動量捲動的一部分。

例如，在具有觸控板的裝置上，該 momentum 屬性很實用，使用者可以在其中執行投擲手勢來捲動內容。 許多裝置在軌跡板動作停止後，會持續觸發滾輪事件一段時間，以模擬捲動慣性。 此 momentum 屬性會將那些模擬事件與實體軌跡板互動期間觸發的事件區分開來。

另請參閱:

• MDN 的 WheelEvent。

在 Rust 中針對非 XSLT 案例進行 XML 剖析

Microsoft Edge 現在在不需要 XSLT 處理的情況下使用 Rust 型 XML 剖析器。

Rust XML 剖析器透過消除 XML 剖析中的記憶體損毀錯誤來改善安全性。 適用於：

• DOMParser Web API。
• responseXML (XHR) 物件上的XMLHttpRequest屬性。
• SVG 文件。

另請參閱:

• MDN 的 DOMParser。

textStream()、 Request和 的Response方法Body

Request、 Response和Blob介面現在包含方法textStream()。

此 textStream() 方法提供從位元組資料流讀取文字的直接方法，而不需要先將資料流程透過 TextDecoderStream().

另請參閱:

• 在 MDN 請求。
• MDN 的回應。
• MDN 上的 Blob。
• MDN 的 TextDecoderStream。

原始試用版

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

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

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

名稱	描述	登錄
軟瀏覽啟發學習法	公開軟瀏覽啟發學習法，以在單頁應用程式中收集效能計量。	登錄
CSP script-src 中的 URL 和評估雜湊	為 CSP 指示詞引入 script-src url 和 eval- 雜湊，取代基於主機名稱的允許清單和 unsafe-eval。	登錄
Web 安裝 API	允許網站使用 navigator.install()將另一個網站安裝為 Web 應用程式。	登錄
OpaqueRange	允許在內部<input><textarea>文字和元素上建立即時範圍，以在使用者編輯時自動更新。 這些範圍支援幾何方法，例如 getBoundingClientRect() CSS 自訂醒目提示 API，可直接在表單控制項上啟用插入號定位快顯視窗和內嵌拼字檢查等使用案例，而無需複製元素或公開內部 DOM 結構。	登錄
數位認證 API - 發行支援	觸發從憑證簽發者伺服器向數位錢包應用程式發行使用者憑證。	登錄
prerender_until_script 推測規則 API 動作	推測規則 API 動作，會預先轉譯頁面，但在指令碼執行時切換為預先擷取。	登錄
CPU 效能 API	公開使用者裝置功能的相關資訊，以與計算壓力 API 搭配使用。	登錄
連線允許清單	限制從文件或背景工作連線到伺服器散發的端點允許清單。	登錄
focus-without-user-activation 權限原則	透過 focus-without-user-activation 權限原則，讓內嵌程式控制內嵌內容中的程式設計焦點。 當框架的原則遭到拒絕時，除非由使用者啟用觸發，或焦點正在委派，否則會封鎖程式設計焦點呼叫 (element.focus()、 autofocus、 window.focus()dialog.showModal()及彈出視窗聚焦) 。	登錄
增強型畫布 TextMetrics	展開 TextMetrics Canvas API，新增選取矩形、邊界方塊查詢和字符叢集作業。	登錄
WebAudio 可設定轉譯 Quantum	可讓您在建立 AudioContext 或 OfflineAudioContext時指定自訂轉譯量子大小。	登錄
預先轉譯跨原始來源 iframe	透過選擇加入的回應標頭預先轉譯跨原始來源 iframe，而不是延遲到頁面啟用。	登錄
容器計時	監視何時顯示帶註解的 DOM 容器，並已完成其初始繪製。	登錄
在長動畫框架 API 中分開樣式和版面配置持續時間	新增 、 forcedStyleDuration和layoutDurationforcedLayoutDuration屬性styleDuration，以進行更深入的 CSS 效能分析。	登錄
提示 API 取樣參數	和temperature取樣參數可讓您topK最佳化每個語言模型工作階段的模型行為。	登錄
<install> HTML 元素	使用 element <install> ，以宣告方式將其他網站安裝為 Web 應用程式。	登錄
宣告式 CSS 模組指令碼	使用內嵌樣式模組與陰影根共用宣告式樣式表，包括宣告式陰影根。	登錄
畫布中的 HTML	啟用使用新的繪圖方法和 paint 事件在畫布中呈現 HTML。	登錄
遊戲控制器原始輸入事件	而不是依賴透過 navigator.getGamepads()的頻繁輪詢，網頁可以監聽 gamepadrawinputchanged 事件。 每當從相同裝置偵測到輸入框架之間的變更時，就會引發這些事件。	登錄
自動填滿事件	偵測瀏覽器自動填寫何時更新表單控制項，以調整自訂 UI 和驗證。	登錄
WebAssembly 自訂描述元 V2	將與來源層級類型相關聯的資料更有效率地儲存在自訂描述元物件中。	登錄
推測負載測量	performance.speculations 公開有關已使用和未使用的預載、預先擷取和預轉譯的資料。 這可協助您衡量推測載入策略的有效性，並最佳化效能與成本的權衡。	登錄
WebMCP	可讓您的網站註冊工具，讓瀏覽器內代理程式代表使用者完成工作。	登錄
Email Verification Protocol	讓網站能夠使用電子郵件提供者所發行的密碼編譯權杖來驗證電子郵件擁有權。 這減少了對電子郵件一次性密碼 (OTP) 的依賴，並簡化了註冊、登入和復原流程。	登錄

注意事項

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