Microsoft Edge 142 網頁平台發布說明 2025 年 10 月 ()

以下是 Microsoft Edge 142 中新增的網頁平台功能與更新，該版本將於 2025 年 10 月 30 日發布。

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

詳細內容：

• Edge 開發工具
• WebView2
• CSS 功能
  • AccentColor 與 AccentColorText 系統的顏色
  • document.activeViewTransition 屬性
  • 樣式容器查詢的範圍語法，以及 if () 函式
• 使用者介面功能
  • 特定>元素的<行動與桌面同位
• SVG 功能
  • 支援 SVG <中的下載屬性 a> 元素
  • CSS 對 SVG <的寬度與高度支援 use> element
• Web API
  • 將跨站點導覽（切換瀏覽上下文群組）的 window.name 值清空
  • 在 FedCM 介面中顯示第三方 iframe 來源
  • HSTS 追蹤防範
  • 只有在安全情境下才會發生 fire pointerrawupdate 事件
  • 啟用同一來源導航間的置頂用戶啟用
  • 網頁語音 API 情境偏見
• Microsoft Edge 中的 Origin 試用
  • AriaNotify API
  • 廣告選擇 API
  • 採購資訊 API
• Chromium 來源試驗
  • WebAssembly 自訂描述符
  • WebGPU 相容模式
  • 取回重試
  • 提示詞 API
  • 來電通知
  • 全影格率渲染阻擋屬性

Edge 開發工具

看看 DevTools (Microsoft Edge 142) 的新功能。

WebView2

請參閱 WebView2 SDK 發布說明中 2025 年 11 月 3 日 (1.0.3595.46) 。

CSS 功能

以下是 Microsoft Edge 中 CSS) 新功能的新層疊樣式表 (

AccentColor 以及 AccentColorText 系統顏色

AccentColor AccentColorText系統顏色現在可以用來作為 CSS 色彩值，以存取使用者裝置上指定的系統重音色。

另請參閱:

• MDN 的系統色彩>。<
• CSS 色彩模組第 4 級中的系統色彩。

document.activeViewTransition 財產

該 document.activeViewTransition 屬性提供存取目前正在執行的視圖轉換，無論該轉換是在單一網頁上，還是兩個網頁間。

View Transition API 允許你在單一網頁的不同狀態間，或多個網頁間建立視覺轉換。

• 對於單一網頁內的轉換，該 document.startViewTransition() 方法會回傳一個轉換物件。 document.activeViewTransition這個屬性現在提供存取這個轉換物件的存取權，這表示你不再需要儲存document.startViewTransition()回傳值。

• 對於多個網頁之間的轉換，這個 document.activeViewTransition 屬性現在會讓你在轉換期間存取目前正在執行的轉換物件。 這是除了pageswappagereveal活動之外的。

另請參閱:

• 在 MDN 查看轉換 API。
• 文件：startViewTransition () MDN 方法 。
• 視窗：MDN 的頁面交換活動。
• 視窗：MDN 的頁面揭曉活動。

樣式容器查詢與 if() 函式的範圍語法

CSS @container style() 查詢與 if() 函式現在支援範圍語法。 範圍語法使得透過使用 < and > 運算子來比較自訂屬性與值成為可能。

要使比較有效，雙方必須解析為相同的資料型態。 範圍語法限制於以下數值類型：

• <length>
• <number>
• <percentage>
• <angle>
• <time>
• <frequency>
• <resolution>

比較自訂屬性與字面長度的範例：

@container style(--inner-padding > 1em) {
   .card { border: 2px solid; }
}

比較兩個字面值的例子：

@container style(1em < 20px) {
   ...
}

比較替換函數值 attr() 與字面值的範例：

.item-grid {
   background-color: if(style(attr(data-columns, type<number>) > 2): lightblue; else: white);
}

另請參閱:

• 在 MDN 使用容器大小與樣式查詢。
• 如果 () 在 MDN。

使用者介面功能

以下是 Microsoft Edge 的使用者介面變更。

行動與桌面元素的 <select> 同位

<select> HTML 元素在使用 size and multiple 屬性時，現在在桌面和行動裝置上呈現相同，如下：

• 一個可捲動的清單，同時顯示頁面中所有選項。
• 頁面中可展開的下拉選單。

<select size="3">

<select size="3"> (或其他 size 大於 1) 的值現在總是以清單形式同時顯示頁面中所有選項，無論是桌面還是行動裝置：

過去，行動裝置會忽略該 size 屬性，總是渲染像是下拉選單等元素 <select size="3"> 。

<select multiple>

<select multiple> 現在總是以清單形式同時顯示頁面中所有選項，無論是桌面還是行動裝置。

過去，行動裝置會 <select multiple> 以下拉選單呈現。

<select multiple size="1">

<select multiple size="1"> 現在無論在桌面還是行動裝置上，都會以下拉選單的形式顯示：

過去桌面裝置會 <select multiple size="1"> 以清單形式呈現，頁面中同時顯示所有選項。

SVG 功能

以下是 Microsoft Edge 中全新的可縮放向量圖形 (SVG) 功能。

SVG <a> 元素中的支援download屬性

download該屬性現已由 SVG <a> 元素支援。

這個 download 屬性讓你可以指定 SVG 超連結的目標應該是下載的，而不是導航到的。

另請參閱:

• <a> 在MDN的。

CSV 元素的寬度與高度支援<use>

SVG <use> 元素現在支援 width 和 height CSS 屬性。

這讓你可以透過 CSS 控制 SVG 元素的大小，例如提升其響應速度。

有了此功能，以下兩個 HTML 摘要現在產生相同的輸出：

<svg width="100px" height="100px">
   <defs>
      <symbol id="sym" width="80" height="80">
         <rect width="100" height="100" fill="green" />
      </symbol>
   </defs>
   <use href="#sym" style="width:40px; height:40px" />
</svg>

<svg width="100px" height="100px">
   <defs>
      <symbol id="sym" width="80" height="80">
         <rect width="100" height="100" fill="green" />
      </symbol>
   </defs>
   <use href="#sym" width="40" height="40" />
</svg>

另請參閱:

• <use> 在MDN的。

Web API

以下是 Microsoft Edge 新增的 Web API 功能。

移除 window.name 跨站點導覽（切換瀏覽上下文群組）的值

過去，該物業的價值 window.name 會在瀏覽器分頁的整個生命週期中保持不變，即使跨站導航會切換瀏覽上下文群組。

當跨站點導航切換瀏覽上下文群組時，該 window.name 資產即被清除。

另請參閱:

• 視窗：MDN 的物業名稱 。
• 在 MDN 瀏覽上下文。

在 FedCM 介面中顯示第三方 iframe 來源

第三方 iframe 來源現在會在 FedCM 介面中顯示。 向使用者展示第三方 iframe 的來源非常重要，有助於使用者做出是否與第三方來源分享憑證的明智決定。 client_is_third_party_to_top_frame_origin依賴方 (RP) 元資料屬性允許您在 FedCM iframe 中顯示第三方來源。

過去使用 iframes 搭配 FedCM 時，FedCM 介面總是顯示來自頂層網站的來源，即使來源與 iframe 的來源不同。 當 iframe 概念上屬於頂層網站時，即使來源不同，這種方式運作得很好;例如，頂層網站 在 example.com 可能會使用 FedCM iframe at ， example-static.com該 iframe 擁有，但對使用者展示並無意義。 在其他情況下，FedCM 的 iframe 可能屬於第三方網站。

另請參閱:

• 聯邦憑證管理 (MDN 的 FedCM) API。

HSTS 追蹤防範

HSTS 追蹤防範透過 HTTP 嚴格傳輸安全機制 (HSTS) 快取，減輕第三方的用戶追蹤。

此功能僅允許頂層導航的 HSTS 升級，並阻止子資源請求的 HSTS 升級。 封鎖此類 HSTS 升級可防止第三方網站利用 HSTS 快取追蹤網路使用者。

另請參閱:

• MDN 的嚴格傳輸安全標頭。

只有在安全情境下才會發生火災 pointerrawupdate 事件

Microsoft Edge 現在只在安全情境下啟動 pointerrawupdate ，能與其他瀏覽器的規格相符。

過去，該 pointerrawupdate 事件會在安全與不安全的情境中同時觸發，這與指標事件規範及其他瀏覽器不符。

另請參閱:

• 元素：pointerrawupdate 事件 於 MDN。
• 指標事件第四級的指標更新事件。

啟用同一來源導航間的置頂用戶啟用

使用者導覽到同一來源網頁後，置頂的使用者啟用狀態會被保留。

這讓你能直接使用通常需要使用者啟用的網頁功能，例如功能中列出的，即使使用者已瀏覽到網站的其他網頁。

另請參閱:

• MDN 的黏性啟動。

網頁語音 API 情境偏見

你現在可以向 Web Speech API 提供一串短語，用於語音辨識中的情境偏見。 列出辨識片語為網路語音 API 提供了明確機制來支援語境偏見。

過去，Web Speech API 採用通用語音辨識模型，無法優先處理特定詞彙或片語，也無法適應使用者特定或領域特定的詞彙。

另請參閱:

• 詞語屬性在 Web Speech API 中。
• MDN 的網頁語音 API。

Microsoft Edge 中的 Origin 試用

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

Origin 試用讓你在自己上線的網站上有限時間試用實驗性 API。 欲了解更多關於起源試驗的資訊，請參閱 「使用起源試驗測試實驗 API 與功能」。

欲了解完整的可用起源試用清單，請參見 Microsoft Edge 起源試用。

AriaNotify API

截止日期為 2025 年 10 月 14 日。

AriaNotify API 讓你的應用程式能直接告訴螢幕閱讀器在網頁內容非使用者主動變更時該說什麼。 在最簡單的情況下，你會呼叫 ariaNotify("foo") 文件或元素。

請參閱「 用 Aria Notification 建立更無障礙的網路」。

• 解說
• 意見反應
• 登錄

廣告選擇 API

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

廣告選擇 API 在您網站上提供用戶相關的廣告，且不使用第三方 Cookie。

• 解說
• 意見反應
• 登錄

採購資訊 API

截止日期為2025年12月18日。

Acquisition Info API 支援第三方對透過應用商店或直接從瀏覽器取得的 PWA 進行收購歸屬。

• 解說
• 意見反應
• 登錄

Chromium 來源試驗

以下是你可以在 Microsoft Edge 上試用的 Chromium 起源試用。

關於 Microsoft Edge 中可用的完整 Chromium 起源試用清單，請參見 Microsoft Edge Origin 試用。

WebAssembly 自訂描述符

截止日期為2026年6月16日。

WebAssembly 自訂描述符允許 WebAssembly 更有效地將與原始碼層級型別相關的資料儲存在新的自訂描述符物件中。

• 解說
• 意見反應
• 登錄

WebGPU 相容模式

截止日期為2026年4月21日

WebGPU 相容模式是 WebGPU 的一個選擇加入、受限較少的子集，能夠執行較舊的圖形 API，如 OpenGL 和 Direct3D11。 目標是將 WebGPU 應用程式擴展到沒有 WebGPU 核心所需現代明確圖形 API 的舊裝置。

• 解說
• 意見反應
• 登錄

取回重試

截止日期為2026年3月24日。

Fetch 重試讓網頁開發者能指示 fetch() 請求應該重試，以獲得更可靠的發送保證，即使網路連線不穩定。 這對於保持生命的取用尤其重要，因為請求可能比文件本身還長，文件無法再監控失敗並手動重試。

• 解說
• 意見反應
• 登錄

提示詞 API

截止日期為2026年3月24日

Prompt API 是一個實驗性的網頁 API，允許你從網站或瀏覽器擴充功能的 JavaScript 程式碼中，提示內建於 Microsoft Edge 中的小型語言模型 () SLM 。 使用 Prompt API 來產生與分析文字，或根據使用者輸入建立應用程式邏輯，並發掘將提示工程功能整合進網頁應用程式的創新方法。

• 解說
• 意見反應
• 登錄

另請參閱:

• 用 Prompt API 來提示內建語言模型

來電通知

截止日期為2026年5月19日。

擴充通知 API，允許已安裝的 PWA 發送來電通知——也就是帶有來電按鈕和鈴聲的通知。 此擴充功能幫助 VoIP 網頁應用程式創造更有趣的體驗，讓使用者更容易辨識來電通知並接聽。 此功能也有助於縮短原生與網頁應用程式間的差距，兩者兼具兩者。

• 解說
• 意見反應
• 登錄

另請參閱:

• 徵求回饋：網頁應用程式的來電通知 API

全影格率渲染阻擋屬性

截止日期為2026年3月24日

新的 full-frame-rate 渲染阻擋屬性指示瀏覽器以較低的幀率渲染頁面，以保留資源，同時解析關鍵內容。 關鍵內容解析完畢後，瀏覽器會恢復正常的幀率。

例如 <link rel="expect" href="#critical-content" blocking="full-frame-rate"> ，會降低瀏覽器的幀率，直到 #critical-content 元素被解析完畢。

full-frame-rate渲染阻擋屬性僅供參考。 瀏覽器可能會在解析阻擋元素前降低幀率，例如載入階段的一開始。 瀏覽器也可能在阻擋元素清單變空前，例如逾時後，或某些使用者互動後，決定恢復幀率。

• 解說
• 意見反應
• 登錄