共用方式為

Microsoft Edge 144 網頁平台發布說明 2026 年 1 月 ()

以下是 Microsoft Edge 144 中新增的網頁平台功能與更新，將於 2026 年 1 月 15 日發佈。

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

詳細內容：

Edge 開發工具

看看 Microsoft Edge DevTools 有哪些新功能。

WebView2

請參閱 WebView2 SDK 的發佈說明。

CSS 功能

scrolled滾動狀態容器查詢的功能

scrolled查詢功能@container sroll-state()允許根據可捲動容器最近的捲動方向來樣式化可捲動容器中的元素。

例如：

.scrolling-up {
  translate: 80px 0;
  transition: 0.4s translate;
}

html {
  container-type: scroll-state;
}

@container scroll-state(scrolled: top) {
  .scrolling-up {
    translate: 0 0;
  }
}

此功能 scrolled 可用來實作使用者介面模式，例如在使用者往下捲動時自動隱藏、向上捲動時重新出現的標頭。 此功能 scrolled 僅提供 CSS 解決方案，適用於這些常見的使用者介面模式。

另請參閱:

CSS transform 在錨點定位中的支援

當錨點定位的元素被綁定在已轉換的元素上，例如利用 CSS transform 特性，該錨點定位元素相對於轉換錨點的邊界框就正確定位。

這使得即使其中一個元素正在轉換，也能創造元素邏輯上保持連結的 UI 效果。

另請參閱:

支援 overscroll-behavior 鍵盤捲動與不可捲動容器

當你將 CSS overscroll-behavior 屬性設定為非 auto的值時，瀏覽器會防止捲動連鎖。 這表示當使用者捲到卷軸容器的末端時，該捲軸不會傳播到祖先捲軸容器。

在早期版本的 Microsoft Edge 中，這只適用於滑鼠或觸控捲動。 這項改變也讓鍵盤捲動變得值得尊敬 overscroll-behavior 。

此外，現在 適用於 overscroll-behavior 所有捲動容器元素，無論這些元素目前內容是否溢出或使用者可捲動。 例如，你現在可以用來overscroll-behavior防止捲動在背景或overflow: auto元素上傳播overflow: hidden，而不必考慮元素本身是否溢出。

另請參閱:

捲動觸發動畫

這個 timeline-trigger 屬性現在可以根據捲動位置觸發 CSS 動畫，並能控制使用者捲動時動畫的播放方式。

此功能有助於實作常見模式，動畫只有在頁面滾動位置達到時才開始。 過去，開發者常透過使用 JavaScript 來偵測元素是否在其滾動容器的視窗中來達成此目的。 改用 CSS timeline-trigger 屬性根據滾動位置觸發動畫，可以提升效能與可靠性。

另請參閱:

樣式SVG元素實例化為 <use>

CSS 規則能透過 SVG 元素與嵌入文件 <use> 中的 SVG 元素匹配，現在也能正確匹配內嵌元素。

過去，CSS 規則會匹配原始 SVG 元素，而非透過 <use>實例化的元素。

另請參閱:

檢視轉換 waitUntil() 方法

此 ViewTransition.waitUntil() 函式使得 View Transitions API 能更進階地使用。 這個函式接受一個 Promise，用來延遲用來渲染和動畫視圖轉換的偽樹被摧毀。

View Transitions API 會自動建構這個偽元素子樹，以顯示並動畫化參與轉換的元素。

通常：

  • 當視角轉換開始動畫時，這個子樹就會被建構出來。
  • 當所有視角轉換偽元素相關的動畫都處於完成狀態時，這個子樹就會被摧毀。

這種正常行為在絕大多數情況下都有效。 不過在某些情況下，你可能希望視角轉換的偽樹能持續存在於動畫結束狀態之後。 舉例來說，如果你將視角轉換與捲動驅動的動畫連結起來，我們不希望動畫結束時子樹被破壞，因為往回捲動應該會讓偽元素再次動起來。

另請參閱:

Web API

時空 API

Temporal API 允許你處理日期、時間、時區和持續時間，且比 Date API 更強大。

另請參閱:

活動經過clipboardchange

clipboardchange當使用者從網頁應用程式或其他系統應用程式修改剪貼簿內容時，API 事件navigator.clipboard就會觸發。

這個 clipboardchange 事件讓你能對剪貼簿的變更做出反應，而不必在固定時間內閱讀剪貼簿內容 (有時稱為 剪貼板輪詢) 。

另請參閱:

IDNA ContextJ 規則

為了提升與其他瀏覽器的互通性，Microsoft Edge 現在實作了 IDNA ContextJ 規則，禁止 ZWNJ (U+200C 的零寬度非加入者) ，以及 ZWJ (U+200D 零寬度連接者) 字元在大多數網址中。

IDNA 是非 ASCII 字元出現在網域名稱中的機制。 例如，URL http://네이버.한국/ 編碼為 http://xn--950bt9s8xi.xn--3e0b707e/。

另請參閱:

variants存取子性質Intl.Locale

variants實例的Intl.Locale存取者屬性會回傳與此位置相關的語言標籤變體，以一串以破折號分隔的識別碼串 (連字號) 字元分隔，字元 (-) 。

例如，1901 年德語正字法變體以語言標籤表示 de-1901 ，可透過以下方式存取：

const locale = new Intl.Locale('de-1901');
console.log(locale.variants); // "1901"

另請參閱:

MathML 運算子在右至左模式下的鏡像

當以右至左模式渲染 MathML 運算子時，字元與字形現在可以透過將它們切換到另一個代碼點來鏡像。

對於字元，鏡像是由 Unicode Bidi_Mirrored 的特性定義的。 例如，括號) 右 (閉合會變成左 () 括號開頭。

有些運算子沒有適當的鏡像角色。 在這種情況下，則應採用字形層級的鏡像。 透過字 rtlm 型功能，一個字形可以被另一個字形取代。

另請參閱:

效能 API interactionCount 屬性

新 performance.interactionCount 屬性會回傳該頁面上已發生的互動總數。

此功能用於計算 INP) 指標值的互動與下一層油漆 ( 互動，這需要知道互動總數，才能計算高百分位分數。

此 performance.interactionCount 特性補充了用於衡量使用者互動效能的事件時序 API。 事件時序 API 回傳的某些事件會被 interactionId 分配值，這對於根據常見的使用者輸入或手勢來分組相關互動非常有用。

另請參閱:

maintain-framerate-and-resolution枚舉的RTCDegradationPreference值

maintain-framerate-and-resolution枚舉的數值RTCDegradationPreference允許應用程式在實作自身外部視訊適配邏輯的情況下，停用 WebRTC 的內部視訊適配機制。

WebRTC 內建影片適配機制，透過調整編碼設定來優化影片品質與效能。 此機制依賴硬編碼邏輯與閾值，可能無法在多種應用情境中產生最佳結果。

maintain-framerate-and-resolution枚舉的值RTCDegradationPreference會使 WebRTC 的內部影片適配功能失效。

另請參閱:

LayoutShift API 會回報 CSS 像素中的 rect 元素

LayoutShift API 現在會回報已移動的元素資訊，例如 previousRect 和 currentRect，在 CSS 像素中而非實體像素。

這使得 API 與其他版面相關的網頁 API 保持一致，這些 API 皆使用 CSS 像素。

另請參閱:

安全付款確認 API 中的瀏覽器綁定金鑰

安全付款確認 API 現在能同步通行金鑰及線上支付的裝置需求。 瀏覽器綁定金鑰功能在瀏覽器中加入裝置綁定功能，以啟用需要裝置綁定的支付情境。

此功能有助於滿足支付交易裝置綁定的要求。

另請參閱:

支援 ping、 hreflang、 typereferrerPolicy 及 SVG <a> 元素

pingSVG <a> 元素現在支援 、 referrerPolicyhreflangtype、 和 屬性。

這讓 SVG <a> 元素與 HTML <a> 元素更一致。

另請參閱:

歷史 API pushState 與 replaceState 限速的例外

SecurityError當偵測到過度使用歷史 API pushState 和replaceState方法時，例如這些方法每秒被呼叫數百次，就會拋出例外。

之前這些來電都被忽略，也沒有錯誤。

另請參閱:

User-Agent 用戶端提示 ch-ua-high-entropy-values 權限政策

ch-ua-high-entropy-values權限政策讓第一方網站能更好地控制哪些第三方可以透過 API 請求高熵 User-Agent 客戶端提示navigator.userAgentData.getHighEntropyValues()。

過去，只有當第三方透過 HTTP 請求時，才能限制第三方收集高熵 User-Agent 客戶端提示。

另請參閱:

WebGPU：統一緩衝區標準配置

WGSL 著色器中宣告的統一緩衝區不再需要陣列元素有 16 位元組對齊，或將巢狀結構偏移填補至 16 位元組的倍數。

另請參閱:

WebGPU： subgroup_id 功能

subgroup_id當啟用子群組擴充功能時，內建num_subgroups的值即可使用。

另請參閱:

  • Microsoft Edge 134 網頁平台的 WebGPU 子群組 2025 年 3 月 () 。
  • MDN 的 WebGPU API。

WebXR XRVisibilityMaskChange 活動

該 XRVisibilityMaskChange 事件提供頂點列表及索引列表，以表示使用者視口可見部分的網格。

這些資料可用來有信心地限制繪製視窗的面積，以提升效能。

另請參閱:

已棄用或移除的功能

XML 解析中的外部載入實體

外部 XML 實體/DTD 的同步取取功能已被移除，這些取用功能在特定情況下用於解析。

這提升了 Microsoft Edge 中 XML 解析的安全性。 此功能使用率非常低，且其他瀏覽器不支援此功能。

Microsoft Edge 中的 Origin 試用

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

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

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

網頁安裝 API

截止日期為 2026 年 7 月 14 日。

網頁安裝 API 允許網站透過使用 navigator.install()。

採購資訊 API

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

Acquisition Info API 支援透過應用商店或直接從瀏覽器取得的 PWA 的 3P 採購歸因。

Chromium 來源試驗

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

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

來電通知

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

此功能擴展了通知 API，允許已安裝的 PWA 發送來電通知。

來電通知有來電風格的按鈕和鈴聲。

此擴充功能幫助 VoIP 網頁應用創造更有趣的體驗，讓使用者更容易辨識並接聽來電通知。

Writer API

截止日期為 2026 年 4 月 21 日。

Writer API 可用於在指定寫作任務提示時撰寫文字，並由裝置上的 AI 語言模型支援。

使用此 API 來：

  • 產生結構化資料的文字說明。
  • 根據評論或產品描述，Compose 發表一篇關於產品的文章。
  • 根據背景資訊製作個人簡介。
  • 以及其他功能。

另見「 使用寫作協助 API 摘要、撰寫及重寫文字」。

重寫 API

截止日期為 2026 年 4 月 21 日。

Rewriter API 依照需求轉換與重述輸入文字，並由裝置上的 AI 語言模型支援。

使用此 API 移除文字中的冗餘，以達成：

  • 將文字限制在字數限制內。
  • 請根據目標受眾重新措辭訊息。
  • 如果訊息被發現使用了不適當的語言，請更具建設性。

另見「 使用寫作協助 API 摘要、撰寫及重寫文字」。

WebAssembly 自訂描述符

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

WebAssembly 自訂描述符允許 WebAssembly 更有效率地儲存與原始碼層級型別相關的資料，並建立新的自訂描述符物件。

CrashReportingStorageAPI

截止日期為 2026 年 4 月 21 日。

CrashReportingStorageAPI 起源試用會 window.crashReport 暴露鍵值儲存 API，讓你能在每個送往指定端點的崩潰報告中提供任意的應用程式狀態。

關於一般的崩潰報告 API 基礎架構，請參見 崩潰報告。

關於擴充 window.crashReport 功能的設計與規範，請參見 「介紹 CrashReportStorage 介面 (解釋器拉取請求) 」。

請參閱

WebGPU 相容模式

截止日期為2026年4月21日

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

延長壽命共享員工

截止日期為 2026 年 4 月 21 日。

延長壽命共享工作者為建構者引入了 extendedLifetime 這個選項 SharedWorker 。

此功能允許共享工作者在所有連接的用戶端（如頁面) ）卸載後，短暫存活 (。 這對於執行需要在頁面卸載後完成的非同步任務非常有用，例如將資料儲存到 IndexedDB 或傳送分析資料。

若無此功能，這些任務需要服務工作者，而服務工作者對此使用情境來說可能過於繁重。 這個起源試驗提供了一個輕量化的替代方案。

來自非安全情境的本地網路存取

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

來自非安全情境的區域網路存取暫時允許來自非安全情境的區域網路資源存取。 這會讓你有更多時間遷移區域網路存取請求，讓它們從安全情境發出。

關於區域網路存取的限制，請參閱 區域網路存取的新權限提示。 此起源試驗只能透過 HTTP 標頭提供的起源標記來啟用。

注意事項

本頁部分內容基於 Chromium.org 創作與分享的作品，並依據創用CC 姓名標示 4.0 國際授權條款進行修改。

  • Last updated on