Microsoft Edge 157 Web 平台版本資訊 (2026 年 11 月 5 日)

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

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

詳細內容：

• Microsoft Edge 開發工具
• WebView2
• CSS 功能
  • corner 速記屬性
  • text-decoration-inset 屬性
  • 針對以下項目的自訂字串值 text-overflow
  • position-visibility: anchor-valid 和 anchor-visible
• HTML 功能
  • 、 和<microphone><geolocation>元素的<camera>僅圖示模式
• Web API
  • 更新的 HTML 插入和串流方法
  • 消毒劑 API： javascriptURLs 選項
  • 畫布內 HTML
  • 長動畫框架 API：樣式和版面配置持續時間
  • 背景擷取 API 的 CORS 強制執行
  • ProgressEvent 在服務工作者中
  • Web 藍牙： BluetoothRemoteGATTServer 是一個 EventTarget
  • WebGPU： atomic-vec2u-min-max 功能
• 原始試用版

Microsoft Edge 開發工具

查看 Microsoft Edge DevTools 的新增功能。

WebView2

請參閱 WebView2 的版本資訊。

CSS 功能

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

corner 速記屬性

新的 corner CSS 速記屬性透過結合 border-radius and corner-shape 屬性，在單一宣告中設定元素邊角的半徑和形狀。

例如：

.card {
  /* Equivalent to: border-radius: 20px; corner-shape: squircle; */
  corner: 20px squircle;
}

以下其他速記屬性可讓您設定特定轉角的半徑和形狀：

• 每個角落的速記： corner-top-left、 corner-top-right、 corner-bottom-left和 corner-bottom-right。
• 實體邊緣速記，例如 corner-topcorner-bottom和 ，用於設定邊緣的兩個角落。
• 邏輯邊緣速記，例如 corner-block-startcorner-block-end和 ，可根據書寫模式設定邊緣的兩個角落。

另請參閱:

• CSS 邊框和盒子裝飾模組第 4 層中的角速記。
• border-radius CSS 屬性 。
• corner-shape CSS 屬性 。

text-decoration-inset 屬性

CSS 屬性控制 text-decoration-inset 底線、上劃線和貫穿裝飾從元素文本的開始和結束邊緣插入或延伸多遠。

text-decoration-inset 支援下列類型的值：

• auto，這可讓瀏覽器根據元素的文字和周圍內容來決定適當的內嵌。
• 長度值，例如 20px。
• 百分比值，例如 10%。
• 一或兩個值。 第一個值會設定起始位移。 第二個值 （如果已指定） 將設定結束偏移。

這可讓您調整裝飾間距，並使用原生文字裝飾建立顯示效果，而不是使用背景漸層或其他元素。

另請參閱:

• text-decoration-inset CSS 屬性 。

針對以下項目的自訂字串值 text-overflow

text-overflow CSS 屬性現在接受字串值，以指定當元素內容溢出並被裁剪時顯示的自訂文字。

先前，您只能使用 clip [或] ellipsis 值。 自訂字串可讓您建立更符合內容的溢位指標，例如：

.summary {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: " (more)";
}

另請參閱:

• text-overflow CSS 屬性 。
• CSS Overflow 模組層級 4 中的 text-overflow

position-visibility: anchor-valid 和 anchor-visible

使用 CSS 錨點定位時， position-visibility CSS 屬性會控制何時隱藏錨點定位元素。 屬性現在 position-visibility 支援下列值：

• anchor-valid (新) - 只有在其預設錨點元素存在時，才會顯示錨點定位元素，因此元素可以相對於它進行定位。

• anchor-visible - 只有當其預設錨點元素至少部分可見時，才會顯示錨點定位元素。 此值會取代值 anchors-visible 。

複數 anchors-visible 值現已棄用，且是 的別名 anchor-visible。 請改用 anchor-visible 。

另請參閱:

• position-visibility MDN 的 CSS 屬性 。
• MDN 上的 CSS 錨點定位。
• CSS 錨點定位模組層級 1 中的位置可見性。

HTML 功能

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

、 和<microphone><geolocation>元素的<camera>僅圖示模式

<camera>、 <microphone>及 <geolocation> HTML 元素現在支援displaymode屬性，您可以使用該屬性來將這些元素呈現為不含文字的精簡、僅限圖示的按鈕。 例如：

<camera displaymode="icon-only"></camera>

僅圖示按鈕在空間受限的版面配置中很有用，例如地圖控制項或浮動視訊工具列。 在僅限圖示模式中，元素會保留相同的安全性保證，並讓螢幕助讀程式完全存取。

另請參閱:

• <地理位置> MDN 的 HTML 元素 。
• (2026 年 9 月 10 日) 的 Microsoft Edge 153 Web 平台版本資訊中的元素<microphone>。<camera>
• 媒體擷取 Media Capture 和 Streams 擴充功能中的 HTML 元素。

Web API

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

更新的 HTML 插入和串流方法

下列 HTML 插入和串流方法提供更協調的方式，將 HTML 動態插入現有文件中：

• 位置方法，以HTML為引數，有效地替換 insertAdjacentHTML()：
  • beforeHTML() 和 beforeHTMLUnsafe()
  • afterHTML() 和 afterHTMLUnsafe()
  • appendHTML() 和 appendHTMLUnsafe()
  • prependHTML() 和 prependHTMLUnsafe()
  • replaceWithHTML() 和 replaceWithHTMLUnsafe()
• 串流方法，其會傳回會 WritableStream 剖析您寫入其中之 HTML 文字的物件：
  • streamHTML() 和 streamHTMLUnsafe()
  • streamAppendHTML() 和 streamAppendHTMLUnsafe()
  • streamPrependHTML() 和 streamPrependHTMLUnsafe()
  • streamReplaceWithHTML() 和 streamReplaceWithHTMLUnsafe()
  • streamBeforeHTML() 和 streamBeforeHTMLUnsafe()
  • streamAfterHTML() 和 streamAfterHTMLUnsafe()

此外，您可以將選項設 runScripts 為 [ true 呼叫任何不安全的 HTML 插入或串流方法時]，以允許方法以類似的方式 createContextualFragment()執行指令碼。

受信任類型原則也可以覆寫指令碼模式和這些方法使用的清理器。

在這些方法之前，您已經可以使用多個斷續的 API 從指令碼動態更新 HTML，每個 API 都有其細微的差異。 例如，您可以：

• 使用 insertAdjacentHTML()部分更新元素。
• 使用 setHTML()清理 HTML 。
• 使用 執行 createContextualFragment()指令碼。
• 使用分離的文件來 Stream HTML。

這類多個斷續的 API 可能令人困惑且難以使用。 如果使用不當，此類 API 也可能導致安全性問題。

另請參閱:

• 動態標記 - 已改版
• 元素：setHTML () MDN 的方法。

消毒劑 API： javascriptURLs 選項

Sanitizer API 現在提供javascriptURLs設定選項和setJavascriptURLs()方法，控制javascript:在清理 HTML 時是否移除用於瀏覽的 URL，例如元素屬性<a>中的 href URL。

先前， javascript: 是否移除 URL 取決於您使用的方法：

• 安全方法，例如 setHTML()，一律移除 javascript: URL。
• 不安全的方法，例如 setHTMLUnsafe()，永不移除 javascript: URL。

現在，移除 javascript: URL 是清理器設定的明確部分，您可以將其與任何方法搭配使用。

如果不使用新選項，則行為是不會改變的。

另請參閱:

• MDN 的 HTML Sanitizer API。
• MDN 的消毒劑。
• setJavascriptURLs () 在 HTML Standard中。

畫布內 HTML

HTML-in-canvas API 可讓您將 HTML 元素繪製到元素中 <canvas> ，以便您可以使用畫布自訂 HTML 內容的呈現方式，同時保持內容易於存取、互動且正確佈局。

例如，您可以使用畫布中的 HTML 來轉譯下列內容：

• 圖表中的樣式文字。
• 創意工具中的豐富內容。
• 遊戲內功能表。
• 3D 場景中表面上的 HTML 內容。

HTML-in-canvas 提供下列基本檔：

• 將元素的 <canvas> 子系選擇到配置和繪圖中的屬性。
• 將元素繪製到畫布中的方法： drawElementImage() 用於 2D 畫布上下文，以及用於 WebGL 和 WebGPU 的等效方法。
• paint當繪製的元素需要在畫布中更新時觸發的事件。
• 將繪製元素的幾何圖形與 DOM 同步的方法，以進行點擊測試和可訪問性。

另請參閱:

• 畫布內 HTML 解譯器
• HTMLCanvasElement 新增至 MDN。

長動畫框架 API：樣式和版面配置持續時間

長動畫幀 API 現在會報告樣式和版面配置計算所花費的時間，以便您在分析慢速幀時區分樣式時間與版面配置時間：

• PerformanceLongAnimationFrameTiming 物件具有新的 styleDuration AND layoutDuration 屬性，其會報告在轉譯更新過程中重新計算樣式和更新版面配置所花費的時間。
• PerformanceScriptTiming 物件具有新的 forcedStyleDuration AND forcedLayoutDuration 屬性，其會報告指令碼同步強制執行的樣式和版面配置計算所花費的時間。

另請參閱:

• MDN 上的長動畫幀時間。
• MDN 的 PerformanceLongAnimationFrameTiming。

背景擷取 API 的 CORS 強制執行

背景擷取 API 現在會強制執行跨原始來源資源共用 (CORS) 。

這可確保背景擷取請求受到相同的安全策略的約束，例如本地網路存取檢查。 這可防止網站使用背景擷取而非一般擷取來略過 CORS (和其他安全性原則檢查) 。

另請參閱:

• MDN 的背景擷取 API。
• 在 MDN 擷取 API。
• 擷取 標準。
• 跨原始來源資源共用 (MDN 的 CORS) 。

ProgressEvent 在服務工作者中

該 ProgressEvent 介面現在可在 Service Workers 中使用。 您可以在ProgressEvent()服務工作者中使用建構函式，以建立具有 、 loaded及total屬性的lengthComputable進度事件。

這會使服務背景工作角色與其他背景工作內容以及 XMLHttpRequest 標準保持一致。

另請參閱:

• MDN 的 ProgressEvent。
• MDN 的服務工作者 API。

Web 藍牙： BluetoothRemoteGATTServer 是一個 EventTarget

BluetoothRemoteGATTServer該介面現在繼承自 EventTarget，因此公開 addEventListener()、 removeEventListener()及dispatchEvent()方法。

這可直接在 GATT 伺服器物件上分派連線層級事件。

另請參閱:

• MDN 的 BluetoothRemoteGATTServer。
• MDN 中的 Web 藍牙 API。

WebGPU： atomic-vec2u-min-max 功能

atomic-vec2u-min-max WebGPU 功能可讓您在 WebGPU 著色語言 (WGSL) 著色器中，對值使用 atomic<vec2u> 64 位元原子最小值和最大值運算。

這可讓您實作需要 64 位元不可部分完成的演算法，而不需要完全支援 64 位元整數。

另請參閱:

• MDN 中的 WebGPU API。
• atomic-vec2u-min-max 在 W3C 的 WebGPU 中。

原始試用版

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

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

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

名稱	描述	登錄
遊戲控制器原始輸入事件	而不是依賴透過 navigator.getGamepads()的頻繁輪詢，網頁可以監聽 gamepadrawinputchanged 事件。 每當從相同裝置偵測到輸入框架之間的變更時，就會引發這些事件。	登錄
推測規則 API 中的控制檢視區啟發學習法	可讓您控制推測規則所使用的視埠啟發學習法，以判斷不同的啟發學習法參數是否能提供比預設參數更好的結果。	登錄
使用者代理程式映像取代 API	讓您觀察瀏覽器功能何時取代頁面內容中的影像。 這些瀏覽器功能目前僅限於選取的網站。	登錄
自動填滿事件	偵測瀏覽器自動填寫何時更新表單控制項，以調整自訂 UI 和驗證。	登錄
預先轉譯跨原始來源 iframe	透過選擇加入的回應標頭預先轉譯跨原始來源 iframe，而不是延遲到頁面啟用。	登錄
推測負載測量	performance.speculations 公開有關已使用和未使用的預載、預先擷取和預轉譯的資料。 這可協助您衡量推測載入策略的有效性，並最佳化效能與成本的權衡。	登錄
提示 API 取樣參數	和temperature取樣參數可讓您topK最佳化每個語言模型工作階段的模型行為。	登錄
PrefetchAndPrerenderActivationBeacon	允許 Edge 在預先擷取或預先轉譯的頁面啟用時可靠地報告啟用指標。	登錄
prerender_until_script 推測規則 API 動作	推測規則 API 動作，會預先轉譯頁面，但在指令碼執行時切換為預先擷取。	登錄
JS Self-Profiling 標記	使用 、 paintlayoutstylegc和 等script範例標記擴充 JS Self-Profiling API 。 這些標記會識別瀏覽器在擷取時正在執行的活動。	登錄
Email Verification Protocol	讓網站能夠使用電子郵件提供者所發行的密碼編譯權杖來驗證電子郵件擁有權。 這減少了對電子郵件一次性密碼 (OTP) 的依賴，並簡化了註冊、登入和復原流程。	登錄
WebAssembly 自訂描述元 V2	將與來源層級類型相關聯的資料更有效率地儲存在自訂描述元物件中。	登錄
宣告式效能觀察者 API	使用 HTTP 回應標頭來證明可靠的瀏覽器管理遙測系統，可報告網站從導覽初始化到頁面終止的效能計量。	登錄
WebMCP	可讓您的網站註冊工具，讓瀏覽器內代理程式代表使用者完成工作。	登錄
連線允許清單內嵌強制執行	讓內嵌程式使用 connectionallowlist 元素上的 <iframe> 屬性，要求框架文件將其傳出網路連線限制在宣告的允許清單內。 如果框架文件未傳遞符合 Connection-Allowlist 的標頭，則會封鎖其回應。	登錄

注意事項

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