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

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

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

詳細內容：

• Edge 開發工具
• WebView2
• 網頁平台功能
  • CSS 功能
    • CSS ::search-text 偽元素
    • 巢狀<svg>元素上的支援width與height呈現屬性
  • Web API
    • ariaNotify() API
    • IndexedDB getAllRecords() 方法與direction選項getAll()getAllKeys()
    • 導航 API precommitHandler
    • windowAudio 選項為 getDisplayMedia()
    • 擴展 echoCancellation 選項 getUserMedia()
    • restrictOwnAudio 媒體軌距限制
    • 支援 FedCM 帳戶選擇中的替代欄位
    • 投機規則的積極性提升
    • WebRTC 編碼轉換
    • 儲存存取 API 的嚴格同源政策
    • 基於簽章的子資源完整性
• 起源試驗
  • Microsoft Edge專屬起源試用
    • 網頁應用範圍擴充
    • AriaNotify API
    • 廣告選擇 API
    • 採購資訊 API

Edge 開發工具

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

WebView2

請參閱 WebView2 SDK 發布說明中 2025 年 10 月 6 日 (1.0.3537.50) 。

網頁平台功能

CSS 功能

CSS ::search-text 偽元素

CSS ::search-text 偽元素讓你能為瀏覽器在頁面內搜尋的結果做樣式。

這讓你可以調整搜尋結果的前景和背景色，當瀏覽器預設顏色與頁面顏色對比不足時，這會很有用。

另請參閱:

• CSS Pseudo-Elements 模組第 4 級中的 ：：搜尋文字。

巢狀<svg>元素上的支援width與height呈現屬性

你現在可以透過 SVG 標記和 CSS 在巢<svg>狀元素上使用 width 和 height presentational 屬性。 這種方式提供了更大的彈性，讓你能更有效率地在複雜設計中為 SVG 元素做樣式。

有了此功能，以下兩個 HTML 程式碼片段現在產生相同的輸出：

<svg width="100px" height="100px">
  <svg style="width:50px;height:50px;">
    <circle cx="50px" cy="50px" r="40px" fill="green" />
  </svg>
</svg>

在上述範例中，第二行使用 style 包含 width 和 height 值的屬性。

<svg width="100px" height="100px">
  <svg width="50px" height="50px">
    <circle cx="50px" cy="50px" r="40px" fill="green" />
  </svg>
</svg>

在上述範例中，第二行使用了 separate width 和 height 屬性。

另請參閱:

• <svg> 在MDN的。

Web API

ariaNotify() API

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

另請參閱:

• 用 Aria Notification 打造更易接近的網路。

IndexedDB getAllRecords() 方法與direction選項getAll()getAllKeys()

IndexedDB IDBObjectStore 及 IDBIndex 物件現在支援此 getAllRecords() 方法，該方法能回傳索引鍵、主鍵及每個記錄的值，並支援雙向讀取操作。

getAllRecords()此方法可使某些 IndexedDB 讀取操作比現有替代方案（如使用 IndexedDB 游標）大幅加快。

此功能同時引入direction現有方法getAllKeys()的選項getAll()，以提升一致性。

另請參閱:

• 用 getAllRecords 讀取 IndexedDB 的速度更快
• MDN 的 IndexedDB API。

導航 API precommitHandler

navigateEvent.intercept()這個方法現在支援一個precommitHandler類似handler選項的選項。

此 precommitHandler 選項用於延後導航事件的提交，進而延遲 URL 更新，直到處理器的承諾解決後。 此 precommitHandler 選項也允許處理器更改導覽 URL、資訊、狀態及歷史推送與替換行為。

若沒有 ， precommitHandler導航 API 會立即提交導覽，這對於使用非同步同文件導覽的 JavaScript 路由函式庫來說有時會造成問題。

另請參閱:

• MDN 的導航 API。
• 導航事件：MDN 攔截 () 方法 。

windowAudio 選項為 getDisplayMedia()

現在這個 getDisplayMedia() 方法也支援這個 windowAudio 選項。

這個 windowAudio 選項讓你能在選取螢幕共享視窗時，讓使用者分享音訊。 windowAudio 可以設定為 exclude、 system、 或 window。

另請參閱:

• MediaDevices：getDisplayMedia () 方法 在 MDN 上。

擴展 echoCancellation 選項 getUserMedia()

echoCancellation選項getUserMedia()現在從 a true 和 false 擴展到 也支援 all 和 remote-only。

這讓您能夠：

• 修改從麥克風接收到的音訊軌上的回聲消除行為。
• 控制麥克風訊號中移除多少使用者系統播放的部分。

在某些情況下，唯一可接受的回聲消除選項是將麥克風中的所有使用者系統播放移除，例如確保不會捕捉到像螢幕閱讀器或系統通知等隱私敏感的 playout。

在其他情況下，你可能會想從 中移除 迴波 RTCPeerConnections，以啟用雙向即時通訊 (RTC) ，同時仍能捕捉剩餘的本地 playout。

另請參閱:

• MediaDevices：getUserMedia () MDN 的方法 。
• MDN 的 MediaTrackConstraints。
• MediaTrackConstraints：MDN 的 echoCancellation 屬性 。

restrictOwnAudio 媒體軌距限制

新的 restrictOwnAudio 媒體軌限制可以幫助製作更乾淨的螢幕錄影，例如當擷取網頁本身播放音訊時，你不希望該音訊包含在擷取中，以避免不良回音。

預設情況下，當使用 getDisplayMedia() 且擷取系統音訊時，系統播放的所有音訊都會被擷取。 若 restrictOwnAudio 設定限制，擷取的系統音訊會被過濾，排除來自呼叫 getDisplayMedia()文件的音訊。

另請參閱:

• MediaDevices：getDisplayMedia () 方法 在 MDN 上。
• MDN 的 MediaTrackConstraints。

支援 FedCM 帳戶選擇中的替代欄位

現在支援電話號碼和使用者名稱，作為 FedCM 帳戶選擇器中消除歧義帳戶的識別碼，作為用戶的全名與電子郵件地址的替代。

這些新欄位現在也開放給網站，用以影響揭露文字。

此變更使不使用電子郵件地址及全名識別用戶的身份提供者更容易採用 FedCM。

另請參閱:

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

投機規則的積極性提升

當使用者將滑鼠移至連結上短時間時， eager 推測規則 eagerness 選項的值會觸發預取與預渲染。

過去，值eager會盡快開始預取和預渲染，類似於immediate 新行為更有用，因為 eager 該值現在比該值更積極 moderate ，且較不 immediate 積極。

關於此及其他即將推出的改進細節，請參見「猜測規則的期待改進」。

另請參閱:

• MDN 的 Speculation Rules API。
• 腳本類型中的<急切=“speculationrules”>，在MDN處。

WebRTC 編碼轉換

WebRTC 編碼轉換 API 允許您處理透過 RTCPeerConnection.

另請參閱:

• WebRTC 編碼轉換
• 在 MDN 使用 WebRTC 編碼轉換。

儲存存取 API 的嚴格同源政策

儲存存取 API 現已採用同源政策。

預設情況下，使用 document.requestStorageAccess() in a frame 只會將 cookie 附加到指向 iframe 來源的請求。 CookiesAllowedForUrls政策與儲存存取標頭仍可用來解除跨站 Cookie 的封鎖。

另請參閱:

• MDN 的儲存存取 API。

基於簽章的子資源完整性

現在除了使用資源內容的靜態摘要外，也可以使用 Ed25519 簽名來檢查網頁的子資源完整性。

這讓你有機制驗證頁面所依賴資源的來源，為網站依賴的依賴建立信任建立技術基礎。 你的網頁伺服器可以用 Ed25519 金鑰對簽署回應，然後你可以要求瀏覽器用特定的公鑰驗證簽名。

另請參閱:

• MDN 的子資源完整性。
• 基於簽章的完整性

起源試驗

以下是你可以在自己網站上有限時間試用的新實驗性 API。

欲了解更多關於起源試驗的資訊，請參閱 「使用起源試驗測試實驗 API 與功能」。

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

Microsoft Edge專屬起源試用

網頁應用範圍擴充

截止日期為2025年8月31日

scope_extensions 是網頁應用程式 manifest 成員，使網頁應用程式能將其範圍擴展至其他來源。

範圍擴充允許依賴多個子網域和頂層網域的網頁應用程式呈現為單一網頁應用程式。

例如，網頁應用程式 at https://contoso.com 可以透過在其網頁應用程式清單中使用成員來scope_extensions擴展其範圍至來源：https://example.com

{
  "name": "Example app",
  "display": "standalone",
  "start_url": "/index.html",
  "scope_extensions": [
    {
      "type": "type",
      "origin": "https://example.com"
    }
  ]
}

成員中列出 scope_extensions 的起源必須透過託管名為 .well-known/web-app-origin-association的設定檔來確認與網頁應用程式相關聯。 檔案必須列出網頁應用程式的來源：

{
  "https://sample-app.com/": {
    "scope": "/"
  }
}

請參見「處理來自 其他來源的連結，使用範圍擴展來處理來自其他來源的連結 」，請參考 「處理連結至PWA」。

• 解說
• 意見反應
• 登錄

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 進行收購歸屬。

• 解說
• 意見反應
• 登錄