Microsoft Edge 149 網頁平台版本資訊 (2026 年 6 月)

以下是 2026 年 6 月 4 日發行之 Microsoft Edge 149 中新的 Web 平台功能和更新。

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

詳細內容：

• Microsoft Edge 開發工具
• WebView2
• CSS 功能
  • CSS 間隙裝飾
  • 使用者互動時的剪輯文字溢位
  • image-rendering: crisp-edges
  • path-length SVG 元素的 CSS 屬性
  • path()、、 shape()rect()和 xywh() inshape-outside
  • 已從使用者代理程式樣式表中移除border-color: gray<table>
  • 將系統輔色範圍限定為已安裝的 Web 應用程式
  • 使用者動作虛擬類別頂層邊界
• Web API
  • Intl.Locale 變體
  • 將 PWA 移轉至新的來源
  • 區分付款要求中的付款處理常式錯誤
  • Request.isReloadNavigation 屬性
  • 資源計時和導覽計時 API 中的 Service Worker 路由器計時欄位
  • autocorrect="off" 在 Windows 觸控式鍵盤上
  • 延遲剪貼簿資料讀取，直到指定 MIME 類型為止
  • 關閉 bfcache 項目上的 WebSocket 連線
• 原始試用版

Microsoft Edge 開發工具

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

WebView2

請參閱 WebView2 SDK 版本資訊中的 2026 年 6 月 9 日執行階段 149 (版本 SDK 1.0.4022.49) 。

CSS 功能

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

CSS 間隙裝飾

設定格線和 Flexbox 容器版面配置中的間隙樣式，類似 column-rule 於多欄版面配置中的間隙。 使用間隙裝飾在視覺上分隔項目，而無需訴諸虛擬元素或額外包裝元素等解決方法。

另請參閱:

• 在 CSS 中設定間隙樣式的新方法
• MDN 中的多欄版面配置。

使用者互動時的剪輯文字溢位

當使用者與已 text-overflow: ellipsis 設定 (的文字互動時，例如在編輯期間或插入號導覽) 期間，文字會暫時從省略符號切換為剪輯 (，其中可能會在字元) 中間發生截斷。 這可讓使用者查看隱藏的溢位內容並與之互動。

此行為適用於所有可編輯和不可編輯的元素。 表單控制項 (<textarea>， <input>) 已經支援此行為。

另請參閱:

• text-overflow 。

image-rendering: crisp-edges

image-rendering屬性現在支援值crisp-edges。

用 image-rendering: crisp-edges 來縮放影像，保留對比和邊緣，而不會使色彩平滑化或造成模糊。

另請參閱:

• MDN 的影像轉譯。

path-length SVG 元素的 CSS 屬性

使用新的 path-length CSS 屬性來設定 pathLength SVG 幾何圖形元素的屬性值，包括：

• <path>
• <circle>
• <rect>
• <line>
• <polyline>
• <polygon>
• <ellipse>

path-length CSS 屬性可讓您透過樣式表、內嵌樣式和動畫來操作 SVG 的pathLength屬性值。

CSS 宣告會遵循標準 CSS 優先順序規則覆寫 SVG 呈現屬性。 初始值為 none。

另請參閱:

• pathLength 的 MDN。

path()、、 shape()rect()和 xywh() inshape-outside

您現在path()可以在 CSS shape-outside 屬性中使用 、 shape()、 rect()和 xywh() shape 函數來定義浮點排除圖形。

另請參閱:

• 路徑 () MDN 的 CSS 函數。
• 圖形 () MDN 的 CSS 函數。
• rect () MDN 的 CSS 函數。
• xywh () MDN 的 CSS 函數 。
• float MDN 的 CSS 屬性。

已從使用者代理程式樣式表中移除border-color: gray<table>

錯誤規則 border-color: gray 已從元素的 <table> 瀏覽器使用者代理程式樣式表中移除。 表格框線現在正確預設為 currentColor，符合 HTML 規格和其他瀏覽器。

另請參閱:

• MDN 的 table> HTML 表格元素。<

將系統輔色範圍限定為已安裝的 Web 應用程式

accent-color: auto表單控制項的 CSS 值現在只在已安裝的 Web 應用程式內容中套用作業系統的輔色。 在一般網頁上，表單控制項會改為使用瀏覽器預設的輔色。

此變更將 accent-color: auto 行為與 AccentColorAccentColorText 和 CSS 系統色彩關鍵字保持一致，其範圍也限定為已安裝的 Web 應用程式內容，以減少指紋辨識。

另請參閱:

• 強調色。

使用者動作虛擬類別頂層邊界

:hover現在，、 和:active:focus-within偽類別僅在父元素上匹配，直到父元素鏈中的第一個頂層元素。

例如，請考慮下列 HTML：

<main>
  <div popover>
    <button></button>
  </div>
</main>
<script>document.querySelector('[popover]').showPopover();</script>

當使用者將游標暫留在元素上<button>時，:hover虛擬類別會符合 和<div popover><button>元素，但不符合<main>元素，因為 是<div popover>頂層元素。

頂層元素在其父系內容之外以視覺方式呈現，因此不希望在頂層元素暫留或啟用時變更父系樣式。

另請參閱:

• 使用者動作 選取器中的虛擬類別 層級 4。
• MDN 的彈出視窗 API。

Web API

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

Intl.Locale 變體

Intl.Locale物件現在會公開屬性variants。 您現在也可以在建構函式的Intl.Locale選項中傳遞variants字串。

地區設定的變體代表語言識別碼的語言、地區和指令碼欄位未涵蓋的其他語言喜好設定。

另請參閱:

• Intl.Locale 位於 MDN。

將 PWA 移轉至新的來源

您現在可以順暢地將已安裝的漸進式 Web 應用程式 (PWA) 移轉至新的相同網站來源，保留使用者信任和權限。

當使用者安裝 PWA 時，其身分識別會繫結至其 Web 來源 (例如 app.example.com) 。 在過去，變更來源會強制使用者手動解除安裝並重新安裝應用程式。 這項功能可消除這種干擾。

另請參閱:

• MDN 的漸進式 Web 應用程式。

區分付款要求中的付款處理常式錯誤

透過付款要求 API 存取的付款處理常式現在可以傳回「使用者已取消」與「內部付款應用程式錯誤」的不同錯誤。

利用這個區別為您的使用者建立更好的流程。 例如，當發生內部錯誤時，請重試或回復到不同的付款方式，同時在使用者取消時正確停止流程。

• 如果傳遞給 PaymentRequestEvent.respondWith 的 Promise 遭 OperationError到拒絕，您的 PaymentRequest.show() Promise 會收到 OperationError。
• 如果傳遞至 PaymentRequestEvent.respondWith 的 Promise 因值以外的 OperationError值而遭到拒絕，您的 PaymentRequest.show() Promise 就會收到 AbortError (使用者取消) 。

另請參閱:

• MDN 上的付款要求 API。

Request.isReloadNavigation 屬性

該 isReloadNavigation 屬性現在可在擷取 API 的 Request 介面上使用。 此屬性指出瀏覽要求是否起始為使用者觸發的重新載入，例如當使用者按一下 [重新整理] 按鈕時，或當 or history.go(0) 方法執行時location.reload()。

isReloadNavigation屬性是唯讀布林值。

在服務工作者的 FetchEvent 處理常式中使用此屬性來實作快取策略，例如在重新載入期間略過快取或強制執行網路優先策略。

另請參閱:

• Request.isReloadNavigation 在擷取 Standard 中。

資源計時和導覽計時 API 中的 Service Worker 路由器計時欄位

workerMatchedRouterSource and workerFinalRouterSource 屬性現在可在資源計時和導覽計時 API 上使用。

• 使用 workerMatchedRouterSource 屬性來識別符合哪個服務工作者靜態路由器規則。

• 使用 workerFinalRouterSource 屬性來識別用於要求的最終來源。

另請參閱:

• MDN 的服務工作者 API。
• 使用服務工作者靜態路由 API 來略過特定路徑的服務工作者。

autocorrect="off" 在 Windows 觸控式鍵盤上

該 autocorrect 屬性現在可在 Windows 觸控式鍵盤上正常運作。 在過去，觸控式鍵盤會忽略 autocorrect="off" 屬性值，並一律自動修正文字。

若要防止觸控式鍵盤取代輸入的文字，請將屬性值設定 autocorrect="off" 為：

• 一個 <input> 元素。
• 元素 <textarea> 。
• 具有屬性集的任何 contenteditable 元素。

另請參閱:

• 在 MDN 自動校正。

延遲剪貼簿資料讀取，直到指定 MIME 類型為止

非同步剪貼簿 API 現在會延遲從作業系統讀取剪貼簿資料，直到您呼叫 getType(). 當您呼叫 navigator.clipboard.read()時，瀏覽器會傳回物件陣列 ClipboardItem ，每個物件都有其可用的 MIME 類型，但沒有基礎資料。 只有在您要求特定格式時，才會讀取實際資料。

const items = await navigator.clipboard.read(); // No data is read yet.
const text = await items[0].getType('text/plain'); // Only the 'text/plain' data is read here.

這會降低 CPU 使用率，並改善 API 呼叫的感知回應性。

另請參閱:

• MDN 的剪貼簿 API。

關閉 bfcache 項目上的 WebSocket 連線

現在，當頁面 (bfcache) 的後退/轉寄快取時，會關閉開啟的 WebSocket 連線，而不是阻止該頁面被快取。

先前，具有作用中 WebSocket 連線的頁面無法儲存在 bfcache 中。 透過這項變更，更多頁面受益於即時向後和向前瀏覽。

當您的頁面進入 bfcache 時，頁面 close 會在每個受影響 WebSocket的 . 接聽事件 pageshow ，然後在 event.persisted 時 true重新連線。

另請參閱:

• MDN 的 WebSocket。
• 在 MDN 使用 bfcache。

原始試用版

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

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

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

名稱	描述	登錄
SharedArrayBuffers 在桌面平台上的非隔離頁面中	允許 SharedArrayBuffer 在未跨來源隔離的頁面中使用物件。	登錄
來電通知	允許已安裝的 PWA 傳送具有鈴聲和接受/拒絕按鈕的來電通知。	登錄
校訂 API	使用內建語言模型更正文字中的文法、拼字和標點符號錯誤。 另請參閱 校對API。	登錄
提示 API	從您的網站或擴充功能 JavaScript 程式碼提示內建語言模型。 另請參閱 提示 API。	登錄
提示 API 取樣參數	和temperature取樣參數可讓您topK最佳化每個語言模型工作階段的模型行為。	登錄
WebAssembly 自訂描述元	更有效率地將與來源層級類型相關聯的資料儲存在自訂描述元物件中。	登錄
<usermedia> HTML 元素	瀏覽器控制的 HTML 元素，用於請求相機或麥克風存取，取代基於 JavaScript 的權限請求。	登錄
軟瀏覽啟發學習法	公開軟瀏覽啟發學習法，以在單頁應用程式中收集效能計量。	登錄
增強型畫布 TextMetrics	使用選取矩形、邊界方塊查詢和字符叢集作業擴展 TextMetrics Canvas API。	登錄
WebNN	直接在 Web 應用程式中建置和執行硬體加速的機器學習模型。	登錄
focusgroup HTML 屬性	標準化複合小工具的鍵盤瀏覽，例如工具列、索引標籤、功能表和選項群組。	登錄
CSP script-src 中的 URL 和評估雜湊	為 CSP 指示詞引入 script-src url 和 eval- 雜湊，取代基於主機名稱的允許清單和 unsafe-eval。	登錄
Web 安裝 API	允許網站使用 navigator.install()將另一個網站安裝為 Web 應用程式。	登錄
<install> HTML 元素	使用 element <install> ，以宣告方式將其他網站安裝為 Web 應用程式。	登錄
畫布中的 HTML	啟用使用新的繪圖方法和 paint 事件在畫布中呈現 HTML。	登錄
數位認證 API - 發行支援	觸發從憑證簽發者伺服器向數位錢包應用程式發行使用者憑證。	登錄
prerender_until_script 推測規則 API 動作	推測規則 API 動作，可預先轉譯頁面，但在指令碼執行時切換至預先擷取。	登錄
WebAudio 可設定轉譯 Quantum	可讓您在建立 AudioContext 或 OfflineAudioContext時指定自訂轉譯量子大小。	登錄
透過表單提交預先轉譯啟用	允許由表單提交啟用推測規則 API 中的預轉譯規則。	登錄
CPU 效能 API	公開使用者裝置功能的相關資訊，以與計算壓力 API 搭配使用。	登錄
連線允許清單	限制從文件或背景工作連線到伺服器散發的端點允許清單。	登錄
預先轉譯跨原始來源 iframe	透過選擇加入的回應標頭預先轉譯跨原始來源 iframe，而不是延遲到頁面啟用。	登錄
容器計時	監視何時顯示帶註解的 DOM 容器，並已完成其初始繪製。	登錄
在長動畫框架 API 中分開樣式和版面配置持續時間	新增 styleDuration、 forcedStyleDurationlayoutDuration和屬性以forcedLayoutDuration進行更深入的 CSS 效能分析。	登錄
宣告式 CSS 模組指令碼	使用內嵌樣式模組與陰影根共用宣告式樣式表，包括宣告式陰影根。	登錄
自動填滿事件	偵測瀏覽器自動填寫何時更新表單控制項，以調整自訂 UI 和驗證。	登錄

注意事項

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