Microsoft Edge 156 網頁平台版本資訊 (2026 年 10 月 22 日)

以下是 2026 年 10 月 22 日發行的 Microsoft Edge 156 中的新 Web 平台功能和更新。

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

詳細內容：

• Microsoft Edge 開發工具
• WebView2
• CSS 功能
  • :navigation-source 虛擬類別
  • random() 函數
  • 單軸捲動容器
  • scroll-snap-type: pair 貼齊單一元素
• Web API
  • 可以重試失敗的模組匯入
  • 壓縮字典傳輸匯報
  • IndexedDB： SQLite 後端
  • WebGPU：片段深度
  • WebRTC 診斷記錄 API
  • WebTransport headers 和 responseHeaders
• 原始試用版

Microsoft Edge 開發工具

查看 Microsoft Edge DevTools 的新增功能。

WebView2

請參閱：

• 執行階段 156.0.4314.42 (2026 年 10 月 23 日)

CSS 功能

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

:navigation-source 虛擬類別

使用 View Transitions API 時， :navigation-source 請使用虛擬類別來設定起始瀏覽的元素樣式，例如連結、按鈕或表單。

:navigation-source CSS 虛擬類別適用於在整個導覽過程中起始導覽的元素。

另請參閱:

• CSS 導航匹配中的 ：navigation-source 偽類。
• 在 MDN 上檢視轉換 API。

random() 函數

random() CSS 函數為 CSS 帶來了生成隨機性，允許您在指定範圍內產生隨機數值。

例如，您可以使用 random() 在元素的容器內隨機分散元素：

.dot {
  /* Position each dot randomly */
  position: absolute;
  top: random(0%, 100%);
  left: random(0%, 100%);
}

根據預設，每次呼叫函數 random() 都會解析為不同的新值。 您可以將種子值作為函數的第一個參數傳遞，以控制如何在屬性和元素之間共用隨機值，以覆寫此預設行為。

另請參閱:

• 隨機 () MDN 的 CSS 函數 。

單軸捲動容器

overflow CSS 屬性現在支援設定可捲動的值，例如 scroll，以及第二個值clip。 例如：overflow: scroll clip;

設定 overflow: scroll clip 允許元素受到 position: sticky 每個軸的不同滾動容器的約束。 例如，用它來建立資料表，在使用者捲動內容的同時，將欄標題和列標題都保留在檢視中。

先前，該 overflow 屬性不提供讓捲動容器只負責單一軸的方法。 這會影響相依於捲動容器的功能，例如具有 position: sticky的元素。

另請參閱:

• 單軸捲動容器解譯器
• overflow MDN 的 CSS 屬性 。

scroll-snap-type: pair 貼齊單一元素

scroll-snap-type CSS 屬性現在支援此pair值。

.scroller {
  scroll-snap-type: pair mandatory;
}

pair此值會將沿 X 和 Y 軸的捲動貼齊視為一對。 貼齊不是獨立挑選沿 x 軸的貼齊目標，以及沿著 y 軸的貼齊目標，而是會在兩個軸上選取單一元素。

另請參閱:

• scroll-snap-type CSS 屬性 。
• 在 CSS 中配對 捲動貼齊模組層級 1。

Web API

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

可以重試失敗的模組匯入

您現在可以重試失敗的模組匯入，例如在網路故障之後。

先前，匯入模組的失敗已快取，重試匯入相同的模組會傳回相同的失敗。

模組載入行為現在允許手動重試失敗的模組匯入。 這包括：

• 動態匯入，方法是使用 import() 函數。
• 動態插入 <script src="..." type="module"> 元素。
• 任何使用陳述式的 import 靜態匯入，當存在於上述任一內容時。

另請參閱:

• MDN 的 JavaScript 模組。
• 在 MDN 匯入 () 。
• 在 MDN 匯入。
• <script type> 模組。

壓縮字典傳輸匯報

透過 <link rel="compression-dictionary"> 元素擷取壓縮字典時，Microsoft Edge 現在：

• 做 compression-dictionary 為要求目的地使用。
• 正確設定要求 mode、 credentials、 referrer和 referrerpolicy的值。
• crossorigin考慮在元素上<link rel="compression-dictionary">設定的 和 referrer 屬性。

另請參閱:

• MDN 的壓縮字典傳輸。
• rel=“compression-dictionary” MDN 的 HTML 屬性值 。

IndexedDB： SQLite 後端

針對新的資料存放區，Microsoft Edge 現在使用 SQLite 而非 IndexedDB API，做為後端的基礎儲存引擎。

IndexedDB API 本身保持不變;只有基礎儲存引擎已變更。

此變更預期將改善使用 IndexedDB API 之網站的可靠性和效能。

在未來階段， 現有 的資料存放區將會從使用 LevelDB 存放區移轉至 SQLite 存放區。

另請參閱:

• MDN 的 IndexedDB API。
• SQLite。

WebGPU：片段深度

在 WGSL 中，您現在可以為 lessgreater 提供 或 修飾符。@builtin(frag_depth)

先前， @builtin(frag_depth) 可能會因為在平局呼叫中停用早期 Z 最佳化而對效能造成負面影響。

新的修飾詞允許明確設定緩衝區模式，並允許套用早期 Z 最佳化。

另請參閱:

• MDN 中的 WebGPU API。
• 以 WebGPU 著色語言frag_depth。

WebRTC 診斷記錄 API

WebRTC 診斷記錄 API 可讓您觸發 WebRTC 診斷資料的收集，讓資料可用於本機偵錯。

如果使用者授權與瀏覽器廠商共用診斷資料，API 就會允許此共用。 這會提供資訊，協助修正瀏覽器中的錯誤，或是改善瀏覽器。

WebRTC 應用程式經常遇到複雜的連接或媒體品質問題，這些問題難以在本地環境中重現。 WebRTC 診斷記錄 API 可協助偵錯這些問題。

另請參閱:

• WebRTC 擴充功能中的診斷記錄。
• WebRTC 診斷記錄 API。

WebTransport headers 和 responseHeaders

呼叫 WebTransport() 建構函式時，此 headers 選項可讓您在初始 CONNECT 握手期間將自訂 HTTP 要求標頭傳遞至伺服器。

responseHeaders物件執行個體上的WebTransport屬性可讓您檢查在初始CONNECT握手之後由伺服器傳送的 HTTP 回應標頭。

WebTransport API 的這些新增功能可讓您：

• 在初始 CONNECT 握手期間提供中繼資料、驗證權杖和自訂參數。
• 建立連線後，存取伺服器提供的標頭。

此變更解決了驗證、路由和功能交涉中的數個技術限制。

如果沒有自訂標頭，您必須：

• 在 URL 查詢字串中傳遞驗證權杖，這會在伺服器記錄和遙測中公開認證。
• 透過初始資料流進行驗證，這會在連線可用之前增加額外的往返行程。

此外，API 閘道和反向代理通常會在 CONNECT 層檢查 HTTP 標頭。 如果沒有自訂標頭，這些中介機構就無法透過現有管道授權或路由 WebTransport 會話，從而迫使伺服器在驗證憑證之前接受連線。

另請參閱:

• MDN 的 WebTransport API。

原始試用版

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

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

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

名稱	描述	登錄
CPU 效能 API	公開使用者裝置功能的相關資訊，以與計算壓力 API 搭配使用。	登錄
畫布中的 HTML	啟用使用新的繪圖方法和 paint 事件在畫布中呈現 HTML。	登錄
<usermedia> HTML 元素	瀏覽器控制的 HTML 元素，用於請求相機或麥克風存取，取代基於 JavaScript 的權限請求。	登錄
WebAssembly 自訂描述元 V2	將與來源層級類型相關聯的資料更有效率地儲存在自訂描述元物件中。	登錄
PrefetchAndPrerenderActivationBeacon	允許 Edge 在預先擷取或預先轉譯的頁面啟用時可靠地報告啟用指標。	登錄
WebRTC 資料通道： SCTP 交涉加速通訊協定 (SNAP)	SNAP 會藉由在 SDP 提供/回應交換中內嵌 SCTP 連線設定參數，減少 WebRTC 資料通道啟動延遲。 由於 WebRTC 已經使用 DTLS 來建立安全通道，因此可以避免單獨的 SCTP 交握，從而節省多達兩次網路往返並實現更快的資料通道建立。	登錄
遊戲控制器原始輸入事件	而不是依賴透過 navigator.getGamepads()的頻繁輪詢，網頁可以監聽 gamepadrawinputchanged 事件。 每當從相同裝置偵測到輸入框架之間的變更時，就會引發這些事件。	登錄
推測規則 API 中的控制檢視區啟發學習法	可讓您控制推測規則所使用的視埠啟發學習法，以判斷不同的啟發學習法參數是否能提供比預設參數更好的結果。	登錄
自動填滿事件	偵測瀏覽器自動填寫何時更新表單控制項，以調整自訂 UI 和驗證。	登錄
推測負載測量	performance.speculations 公開有關已使用和未使用的預載、預先擷取和預轉譯的資料。 這可協助您衡量推測載入策略的有效性，並最佳化效能與成本的權衡。	登錄
提示 API 取樣參數	和temperature取樣參數可讓您topK最佳化每個語言模型工作階段的模型行為。	登錄
prerender_until_script 推測規則 API 動作	推測規則 API 動作，會預先轉譯頁面，但在指令碼執行時切換為預先擷取。	登錄
JS Self-Profiling 標記	使用 、 paintlayoutstylegc和 等script範例標記擴充 JS Self-Profiling API 。 這些標記會識別瀏覽器在擷取時正在執行的活動。	登錄
Email Verification Protocol	讓網站能夠使用電子郵件提供者所發行的密碼編譯權杖來驗證電子郵件擁有權。 這減少了對電子郵件一次性密碼 (OTP) 的依賴，並簡化了註冊、登入和復原流程。	登錄
宣告式效能觀察者 API	使用 HTTP 回應標頭來證明可靠的瀏覽器管理遙測系統，可報告網站從導覽初始化到頁面終止的效能計量。	登錄
WebMCP	可讓您的網站註冊工具，讓瀏覽器內代理程式代表使用者完成工作。	登錄

注意事項

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