以下是 2026 年 1 月 15 日發行的 Microsoft Edge 144 中新的 Web 平台功能和更新。
若要保持最新狀態並取得最新的 Web 平台功能,請下載 Microsoft Edge (Beta、Dev 或 Canary) 的預覽通道;移至 成為 Microsoft Edge 測試人員。
詳細內容:
- Microsoft Edge 開發工具
- WebView2
- CSS 功能
-
Web API
- 暫存性 API
- clipboardchange 事件
- Intl.Locale 的 variants 存取子屬性
- 從右至左模式中的 MathML 運算子鏡像
- 效能 API interactionCount 屬性
-
maintain-framerate-and-resolution列舉的RTCDegradationPreference值 - LayoutShift API 會報告 CSS 像素中的矩形元素
-
ping支援 、hreflang、type和referrerPolicySVG<a>元素 - 歷程記錄 API 的例外狀況 pushState 和 replaceState 節流
- 使用者代理程式用戶端提示 ch-ua-high-entropy-values 權限原則
- WebGPU:統一緩衝區標準佈局
- WebGPU:subgroup_id功能
- WebXR XRVisibilityMaskChange 事件
- 已淘汰或移除的功能
- Microsoft Edge 中的原始試用版
- Chromium 來源試驗
Microsoft Edge 開發工具
查看 DevTools 的新增功能 (Microsoft Edge 144) 。
WebView2
請參閱:
CSS 功能
以下是 Microsoft Edge 中新的串聯樣式表 (CSS) 功能。
scrolled捲動狀態容器查詢的功能
scrolled查詢功能@container scroll-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 可用於實作 UI 模式,例如當使用者向下捲動頁面時自動隱藏並在向上捲動時重新出現的標頭。 此功能 scrolled 為這些常見的 UI 模式提供僅 CSS 解決方案。
另請參閱:
- Microsoft Edge 133 Web 平台版本資訊中的 CSS 捲動狀態容器查詢 (2025 年 2 月) 。
- 捲動:CSS 條件規則模組等級 5 中的捲動功能。
錨點定位中的 CSS transform 支援
當錨點定位元素繫結至已轉換的元素時,例如使用 CSS transform 屬性,錨點定位元素現在會相對於轉換錨點的邊界方塊正確放置。
這使得創建元素保持邏輯連接的 UI 效果成為可能,即使其中一個元素正在轉換也是如此。
另請參閱:
- MDN 上的 CSS 錨點定位。
支援 overscroll-behavior 鍵盤捲動和不可捲動的容器
當您將 CSS overscroll-behavior 屬性設定為 以外的值 auto時,瀏覽器會阻止捲動鏈結。 這表示當使用者捲動到捲動容器的結尾時,捲軸不會傳播到上階捲動容器。
在舊版的 Microsoft Edge 中,這僅適用於滑鼠或觸控捲動。 這項變更也讓鍵盤捲動受到尊重 overscroll-behavior 。
此外, overscroll-behavior 現在適用於所有捲動容器元素,無論這些元素目前是否有溢出內容或使用者可捲動。 例如,您現在overscroll-behavior可以使用來防止在背景或元素上overflow: hiddenoverflow: auto捲動傳播,而不需要考慮元素本身是否溢出。
另請參閱:
- 過度捲動行為。
捲動觸發動畫
屬性現在 timeline-trigger 可以根據捲動位置觸發 CSS 動畫,並可以在使用者捲動時控制這些動畫的播放。
此功能對於實現只有在到達頁面上的滾動位置時才開始動畫的常見模式非常有用。 以前,開發人員經常透過使用 JavaScript 來偵測元素是否位於其捲動容器的視口內來做到這一點。 改為使用 CSS timeline-trigger 屬性根據捲動位置觸發動畫可以改善效能和可靠性。
另請參閱:
設定透過 <use>
透過 SVG 元素比 <use> 對內嵌至文件中的 SVG 元素的 CSS 規則現在可正確與內嵌元素進行比對。
先前,CSS 規則會比對原始 SVG 元素,而不是透過 <use>具現化的元素。
另請參閱:
-
<use>位於 MDN。
檢視轉場 waitUntil() 方法
ViewTransition.waitUntil()此函數可使用檢視轉場 API 的更進階用途。 函式接受 Promise,用於延遲用來轉譯和製作檢視轉換動畫之虛擬樹狀結構的毀損。
View Transitions API 會自動建構此虛擬元素樹狀結構,以顯示參與轉換的元素並產生動畫效果。
一般而言:
- 當檢視轉換開始產生動畫效果時,即會建構此子樹。
- 當與所有視圖轉換虛擬元素相關聯的動畫處於完成狀態時,此子樹會被銷毀。
這種正常行為適用於絕大多數情況。 不過,在某些情況下,您可能會想要檢視轉換偽樹在動畫完成狀態之後持續存在。 例如,如果您將視圖過渡與滾動驅動的動畫綁定,我們不希望在動畫完成時銷毀子樹,因為向後滾動應該再次為偽元素製作動畫。
另請參閱:
- 在 MDN 上檢視轉換 API。
- MDN 的 CSS 捲動驅動動畫。
caret-shape
caret-shape CSS 屬性可讓您指定文字插入號的形狀。
另請參閱:
- 插入號圖形。
設定搜尋結果樣式
虛擬元素可讓您 ::search-text 使用 Ctrl+F 或 Command+F,設定使用者在頁面內搜尋時符合使用者搜尋查詢的文字部分的樣式。
虛擬元素可以與 :current 虛擬類別結合,以不同於其他搜尋結果的方式設定目前醒目提示的搜尋結果樣式。
另請參閱:
- CSS 中的 ::search-textPseudo-Elements 模組層級 4。
Web API
以下是 Microsoft Edge 中的新 Web API 功能。
暫存性 API
Temporal API 可讓您使用日期、時間、時區和持續時間,而且比 Date API 更強大。
另請參閱:
- MDN 的暫時性。
clipboardchange事件
clipboardchange當使用者從 Web 應用程式或任何其他系統應用程式修改剪貼簿的內容時,就會觸發 API 事件navigator.clipboard。
clipboardchange此事件可讓您對剪貼簿變更做出反應,而不需要定期閱讀剪貼簿內容 (有時稱為剪貼簿輪詢) 。
另請參閱:
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 字型功能,一個字符可以被另一個字符取代。
另請參閱:
- MDN 的 MathML。
效能 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 enum 的RTCDegradationPreference值會停用 WebRTC 的內部視訊適配。
另請參閱:
- MDN 中的 WebRTC API。
LayoutShift API 會報告 CSS 像素中的矩形元素
LayoutShift API 現在會以 CSS 像素而不是實體像素報告已移動元素的相關資訊,例如 previousRect 和 currentRect。
這使得 API 與其他佈局相關的 Web API 一致,這些 Web API 都使用 CSS 像素。
另請參閱:
- MDN 的 LayoutShift。
- MDN 的 LayoutShiftAttribution。
ping支援 、 hreflang、 type和 referrerPolicy SVG <a> 元素
pingSVG <a> 元素現在支援 、 typehreflang、 和referrerPolicy屬性。
這使得 SVG <a> 元素與 HTML <a> 元素更加一致。
另請參閱:
- Microsoft Edge 142 網頁平台版本資訊中的 SVG
<a>元素中的支援download屬性 (2025 年 10 月) 。 -
<a>位於 MDN。
歷程記錄 API pushState 和 replaceState 節流的例外狀況
SecurityError現在,當偵測到過度使用歷程記錄 API pushState 和replaceState方法時,例如當這些方法每秒呼叫數百次時,會擲回例外狀況。
先前會忽略呼叫,且不會擲回任何錯誤。
另請參閱:
- MDN 的歷史。
User-Agent 用戶端提示 ch-ua-high-entropy-values 權限原則
ch-ua-high-entropy-values權限原則可讓第一方網站進一步控制允許哪些第三方透過 API 要求navigator.userAgentData.getHighEntropyValues()高熵 User-Agent 用戶端提示。
之前,只有在透過 HTTP 要求時,才能限制協力廠商收集高熵 User-Agent 用戶端提示。
另請參閱:
- MDN 中的使用者代理程式用戶端提示 API。
- NavigatorUAData:getHighEntropyValues () MDN 的方法。
WebGPU:統一緩衝區標準佈局
在 WGSL 著色器中宣告的統一緩衝區不再需要在陣列元素上有 16 位元組對齊,或將巢狀結構位移填塞為 16 位元組的倍數。
另請參閱:
- MDN 中的 WebGPU API。
WebGPU: subgroup_id 功能
啟用子群組擴充功能時, subgroup_id 現在可以使用 和 num_subgroups 內建值。
另請參閱:
- Microsoft Edge 134 Web 平台版本資訊中的 WebGPU 子群組 (2025 年 3 月) 。
- MDN 中的 WebGPU API。
WebXR XRVisibilityMaskChange 事件
XRVisibilityMaskChange事件會提供頂點清單和索引清單,以代表使用者視埠可見部分的網格。
此資料可用來自信地限制繪製的視埠量,以改善效能。
另請參閱:
- MDN 的 WebXR 裝置 API。
已淘汰或移除的功能
XML 剖析中的外部載入實體
已移除同步擷取外部 XML 實體/DTD,然後在特定情況下進行剖析時使用。
這改善了 Microsoft Edge 中 XML 剖析的安全性。 此功能的使用率非常低,且其他瀏覽器不支援此功能。
Microsoft Edge 中的原始試用版
以下是可在 Microsoft Edge 中使用的新實驗性 API 的原始試用版。
原始試用版可讓您在限定的時間內,在自己的即時網站上嘗試實驗性 API。 若要深入了解原始試用版,請參閱使用 原始試用版測試實驗 API 和功能。
如需可用原始試用版的完整清單,請參閱 Microsoft Edge 原始試用版。
Web 安裝 API
於 2026 年 7 月 14 日到期。
Web 安裝 API 可讓網站使用,將 navigator.install()其他網站安裝為使用者裝置上的 Web 應用程式。
取得資訊 API
於 2025 年 12 月 18 日到期。
Acquisition Info API 支援透過應用程式商店或直接從瀏覽器取得的 PWA 的 3P 取得屬性。
- 解譯器
- 意見反應
- 註冊: 曾經是:
https://developer.microsoft.com/microsoft-edge/origin-trials/trials/4013a45f-3f48-4341-81ea-1bc13bf90c83
Chromium 來源試驗
以下是您可以在 Microsoft Edge 中嘗試的作用中 Chromium 原始試用版。
如需可在 Microsoft Edge 中使用的 Chromium 原始試用版完整清單,請參閱 Microsoft Edge 原始試用版。
來電通知
於 2026 年 5 月 19 日到期。
此功能擴充通知 API,以允許已安裝的 PWA 傳送來電通知。
來電通知具有通話樣式的按鈕和鈴聲。
這個擴充功能讓使用者更容易辨識並接聽來電通知,從而協助 Voice over IP Web 應用程式建立更具吸引力的體驗。
寫入器 API
於 2026 年 4 月 21 日到期。
Writer API 可用來撰寫給定撰寫工作提示的文字,並由裝置上的 AI 語言模型提供支援。
使用此 API 來:
- 產生結構化資料的文字說明。
- 根據評論或產品描述,Compose 關於產品的文章。
- 根據背景資訊產生傳記。
- 以及其他功能。
另請參閱 使用撰寫協助 API 摘要、撰寫及重寫文字。
重寫器 API
於 2026 年 4 月 21 日到期。
重寫器 API 會在裝置上的 AI 語言模型支援下,以要求的方式轉換和改寫輸入文字。
使用此 API 來移除文字中的冗餘項目,以便:
- 將文字調整為字數限制。
- 重新措辭訊息以適合目標受眾。
- 如果發現郵件使用不適當的語言,請更具建設性。
另請參閱 使用撰寫協助 API 摘要、撰寫及重寫文字。
WebAssembly 自訂描述元
於 2026 年 6 月 16 日到期。
WebAssembly 自訂描述符可讓 WebAssembly 更有效率地將與來源層級類型相關聯的資料儲存在新的自訂描述符物件中。
CrashReportingStorageAPI
於 2026 年 4 月 21 日到期。
CrashReportingStorageAPI 原始試用會公開 window.crashReport 機碼值儲存體 API,可讓您為傳送至指定端點的每個當機報告提供任意應用程式狀態。
如需一般當機報告 API 基礎結構,請參閱 當機報告。
如需擴充功能的設計 window.crashReport 和規格,請參閱 Explainer 提取要求) (介紹 CrashReportStorage 介面 。
請參閱
WebGPU 相容模式
於 2026 年 4 月 21 日到期
WebGPU 相容模式是能夠執行舊版圖形 API 例如 OpenGL 和 Direct3D11 的 WebGPU 子集。 WebGPU 相容模式將 WebGPU 應用程式的範圍擴展到沒有核心 WebGPU 所需的現代明確圖形 API 的舊裝置。
延伸生命週期共用背景工作角色
於 2026 年 4 月 21 日到期。
延伸存留期共用背景工作角色會 extendedLifetime 為 SharedWorker 建構函式引進選項。
此功能可讓共用背景工作角色在卸載完所有連線的用戶端 (例如頁面) 後,維持存留一段時間。 這對於執行需要在頁面卸載後完成的非同步工作非常有用,例如將資料儲存到 IndexedDB 或傳送分析。
如果沒有此功能,這些任務就需要服務工作者,這對於此用例來說可能太重了。 此原始試用版提供輕量型替代方案。
來自非安全內容的本機網路存取
於 2026 年 5 月 19 日到期。
來自非安全內容的本機網路存取暫時允許從非安全內容存取本機網路上的資源。 這可讓您有更多時間來移轉「本機網路存取」要求,使其源自安全內容。
有關區域網路存取的限制,請參閱區域 網路存取的新權限提示。 此原始試用版只能透過 HTTP 標頭提供的原始權杖來啟用。
注意事項
本頁面的部分內容是基於 Chromium.org 創建和共享的工作進行的修改,並根據知識共享署名 4.0 國際許可證中描述的條款使用。