以下是 2026 年 2 月 12 日發行的 Microsoft Edge 145 中新的 Web 平台功能和更新。
若要保持最新狀態並取得最新的 Web 平台功能,請下載 Microsoft Edge (Beta、Dev 或 Canary) 的預覽通道;移至 成為 Microsoft Edge 測試人員。
詳細內容:
- Microsoft Edge 開發工具
- WebView2
- CSS 功能
-
Web API
- 當機報告索引鍵值 API
- 預設減少 User-Agent 字串
- 符合規格的受信任類型
-
WebGPU
subgroup_uniformity功能 - 原始來源 API
- PerformanceEntry presentationTime 和 paintTime 屬性
- 要求啟用置頂使用者或權限才能取得剪貼簿變更事件
- OnAnimationCancel 事件處理常式
-
getOrInsert和getOrInsertComputed方法,和MapWeakMap - 以 CSS 像素表示的 LayoutShift API 報告
- 文字縮放中繼元素
- Cookie 存放區 API maxAge 屬性
- 焦點 () 方法的 focusVisible 選項
- VideoFrame.metadata () 現在會傳回 WebRTC 視訊框架的 rtpTimestamp
- 所選文字上的鍵盤刪除命令的新輸入事件類型
- to 屬性,用於瀏覽 API 轉換
- Secure Payment Confirmation API 中的瀏覽器繫結金鑰
- 用於偵測代表性導覽計時效能項目的信賴度欄位
- 裝置繫結工作階段認證
- 已淘汰或移除的功能
- Microsoft Edge 中的原始試用版
- Chromium 來源試驗
Microsoft Edge 開發工具
查看 DevTools 的新功能 (Microsoft Edge 145) 。
WebView2
請參閱:
CSS 功能
以下是 Microsoft Edge 中新的串聯樣式表 (CSS) 功能。
捲動觸發動畫
捲動觸發動畫會根據捲動位置來控制動畫的播放狀態。
捲動觸發動畫適用於您想要啟動動畫的情況,例如僅在到達特定捲動位置時將元素滑動到視圖中。
此功能可讓您達到此常見效果,而無需使用 JavaScript 來手動偵測元素是否位於其捲動容器的視埠內。 這也意味著瀏覽器可以將交互的處理卸載到工作線程,從而提高性能。
另請參閱:
觸發程序範圍
此 trigger-scope 屬性可讓您定義動畫觸發程序名稱的套用範圍。
例如,捲動觸發動畫會使用 timeline-trigger 和 animation-trigger 屬性來定義自訂觸發程序名稱。 根據預設,這些名稱是全域的,表示可以從文件中的任何位置參考它們。 藉由使用此 trigger-scope 屬性,您可以將這些觸發程序名稱的可見度限制為特定範圍。
另請參閱:
和 的 letter-spacing 百分比值 word-spacing
letter-spacing和 word-spacing CSS 屬性現在支援百分比值。
使用百分比值可讓您更靈活地控制排版,特別是在文字間距需要適應不同視口寬度和字體大小的回應式設計中。
百分比值是相對於目前元素的字型大小計算,因此表示相對於套用值之文字的大小。
另請參閱:
支援多欄版面配置中的欄自動換行
多欄版面配置,例如使用 column-count OR column-width CSS 屬性建立的版面配置,現在支援欄自動換行。
您可以使用 和 column-height CSS 屬性來column-wrap控制列自動換行。
使用欄換行時,您可以為欄定義明確的高度,而不是讓父元素定義欄的高度。 當一列的所有欄都填滿時,就會建立新的欄列。
另請參閱:
可自訂的選取清單方塊
可自訂的選取範圍現在也可以在清單方塊模式中呈現為單選或多重選。
清單方塊轉譯模式表示選取元素會呈現在頁面中,而不是使用個別的按鈕和快顯視窗。
若要在清單方塊模式中呈現可自訂的選取範圍,請使用 multiple 或 size HTML 屬性。 例如: <select multiple> 或 <select size="4">。
另請參閱:
- MDN 上可自訂的選取元素。
- Microsoft Edge 142 Web 平台版本資訊中選取>元素的<行動裝置和桌面同位 (2025 年 10 月) 。
改善近圓形框線半徑的轉譯
近圓形元素的呈現已得到改善,例如具有接近 50% 的元素 border-radius 。 這些元素的陰影和裁剪邊界現在與元素彎曲邊緣的視覺輪廓精確匹配。
此改進也適用於非圓形輪廓,例如使用該 corner-shape 屬性的輪廓。
另請參閱:
- border-radius 位於 MDN。
- MDN 的角形。
text-justify
text-justify該屬性可讓您在使用 CSS 聲明時text-align: justify;控制文字的左右對齊方式。
例如,即使在英文文字 text-justify: inter-character;中,您也可以使用 ,藉由展開字元間空間來強制對齊。
另請參閱:
- text-justify 在 MDN。
在強制色彩模式中呈現單色表情圖示
為了改善協助工具,Microsoft Edge 現在會在強制色彩模式中呈現單色表情圖示,例如當使用者在 Windows 上使用對比佈景主題時。
另請參閱:
- forced-colors 在 MDN。
巢狀捲動容器上的過度捲動效果
在支援使用者可以將頁面捲動到內容開頭或結尾以外的平台上,例如在行動裝置上,Microsoft Edge 現在也會將此效果套用至巢狀捲動容器。
您可以使用 CSS 屬性來控制過度捲動行為 overscroll-behavior 。
另請參閱:
- 過度捲動行為。
Web API
以下是 Microsoft Edge 中的新 Web API 功能。
當機報告索引鍵值 API
當機報告鍵值 API 可讓應用程式將自訂鍵值中繼資料附加至瀏覽器當機報告。
使用此 API 來包含診斷內容,例如目前的應用程式狀態或功能旗標,以協助調查當機模式。
另請參閱:
- W3C 的當機報告。
預設減少 User-Agent 字串
縮減 User-Agent 現在預設為啟用。 這會透過限制 User-Agent 字串中的高熵資料,進一步減少被動指紋識別表面。
如果您的應用程式仰賴於瀏覽器詳細資料,請使用 [用戶端提示] 而不是剖析 User-Agent 字串。
另請參閱:
- NavigatorUAData at MDN。
- MDN 中的使用者代理程式用戶端提示 API。
符合規格的受信任類型
受信任類型實作現已與最新的規格更新一致。
這可改善互通性,並透過強制更安全地處理 HTML、指令碼和指令碼 URL 注入接收,強化對 DOM XSS 的防禦。
另請參閱:
- MDN 中的受信任類型 API。
WebGPU subgroup_uniformity 功能
WebGPU 現在支援 WGSL subgroup_uniformity 功能。
此功能可在著色器中啟用子群組均勻性分析。 這有助於改善子群組作業的正確性和可攜性。
另請參閱:
- MDN 中的 WebGPU API。
原始來源 API
Origin API 提供實用的方法:
- 比較來源。
- 序列化來源。
- 正在剖析來源。
來源是 Web 的基本元件,對於瀏覽器維護的安全性和隱私權邊界都至關重要。
瀏覽器一直都有網頁來源的內部表示。 新的 Origin API 會公開此內部表示法,以便您的程式碼可以使用它。
使用 Origin API,您可以以比使用其他現有原始來源 getter 更穩健的方式進行同源或同網站比較,因為其他現有的 origin getter 都會傳回原始來源的 ASCII 序列化。
另請參閱:
PerformanceEntry paintTime 和 presentationTime 屬性
每個效能指標都由單一 PerformanceEntry.
paintTime AND presentationTime 屬性現在可供下列效能 API 項目使用:
- 元素時間。
- 請參閱 MDN 中的 PerformanceElementTiming 。
- 最大的內容繪製。
- 請參閱 MDN 的 LargestContentfulPaint 。
- 長動畫畫面格。
- 請參閱 MDN 中的 PerformanceLongAnimationFrameTiming 。
- 繪製時間。
- 請參閱 MDN 的 PerformancePaintTiming 。
屬性指出 paintTime 轉譯階段結束且瀏覽器開始繪製階段的時間。
屬性會 presentationTime 指出像素到達畫面的時間。
另請參閱:
- MDN 的效能 API。
要求啟用置頂使用者或權限才能取得剪貼簿變更事件
為了防止未經授權的系統剪貼簿監視, clipboardchange 現在僅在下列情況下發出事件:
當頁面處於置頂使用者啟用模式時。
當使用者授與權限時
clipboard-read。
當使用者主動與網頁互動,或至少與頁面互動一次時,就會發生黏性使用者啟用。
另請參閱:
onanimationcancel 事件處理常式
onanimationcancel事件處理常式現已推出,類似onanimationstart於 、 onanimationiteration和 onanimationend。
onanimationcancel 可以偵測動畫何時停止執行,即使此動畫未達到其自然結束。 例如:
當 CSS 屬性變更時
animation-name。當動畫元素使用
display:none隱藏起來時。
另請參閱:
- 元素:MDN 的 animationcancel 事件。
getOrInsert和getOrInsertComputed方法,和MapWeakMap
getOrInsert
getOrInsert(key, defaultValue)方法 on Map 並WeakMap傳回儲存在對應中指定機碼處的值。
如果在對應中找不到該機碼,方法會 getOrInsert 使用提供的預設值為該機碼建立新項目,然後傳回該值。
另請參閱:
getOrInsertComputed
getOrInsertComputed(key, callback)方法 on Map 並WeakMap傳回儲存在對應中指定機碼處的值。
如果在對應中找不到索引鍵,方法會 getOrInsertComputed 為該索引鍵建立新的項目,並將其值設定為指定回呼函式的結果,然後傳回該值。
另請參閱:
以 CSS 像素表示的 LayoutShift API 報告
prevRect LayoutShift API 傳回的 AND currentRect 資料現在會以 CSS 像素而不是實體像素為單位報告長度。
這項變更可讓 LayoutShift API 與其他版面配置相關 API 一致,這類 API 均使用 CSS 像素單位。
另請參閱:
- MDN 的 LayoutShift。
文字縮放中繼元素
text-scale meta 元素會讓網頁根元素的預設字型大小與作業系統和瀏覽器的文字縮放設定一致。 例如:
<meta name="text-scale" content="scale">
先前,沒有簡單的方法可以遵循使用者在作業系統或瀏覽器中設定的文字縮放比例。
text-scale如果您遵循字型相對單位的最佳做法,例如使用 rem 和em字型大小單位來符合使用者的文字大小喜好設定,元元素便非常有用。
此功能還允許瀏覽器禁用自己的基於瀏覽器的機制和啟發學習法,例如桌面上的全屏縮放或移動設備上的文本自動調整大小。 現在,您可以向瀏覽器發出信號,表明頁面的構建方式可以在各種用戶選擇的字體大小首選項之間很好地擴展。
另請參閱:
Cookie 存放區 API maxAge 屬性
若要定義 Cookie 的到期時間,您現在可以在使用 Cookie Store API 時使用 maxAge 該屬性。
這是對已經控制 Cookie 到期時間的屬性補充 expires 。 新的屬性 maxAge :
- 提供替代選項,有時比屬性更
expires直觀。 - 使 Cookie 存放區 API 與 和 HTTP 標頭所提供的
document.cookieSet-Cookie選項保持一致。
另請參閱:
- MDN 的 Cookie 存放區 API。
focusVisible 方法的 focus() 選項
呼叫 focus() 方法時,您現在 focusVisible 可以提供布林值選項。
當
focusVisible是true時,會在新聚焦的元素周圍顯示焦點環,並:focus-visible匹配 CSS 偽類別。當
focusVisible時false,焦點環不會顯示在新聚焦的元素周圍,並且:focus-visibleCSS 虛擬類別不匹配。遺失時
focusVisible,瀏覽器會自行判斷焦點環是否顯示在新焦點元素周圍,以及:focus-visible是否相應地匹配 CSS 虛擬類別。
另請參閱:
- HTMLElement: 焦點 () MDN 的方法。
VideoFrame.metadata() 現在會傳回 rtpTimestamp WebRTC 視訊框架
new VideoFrame.metadata() 方法會傳回字典物件。
- 如果瀏覽器物件
rtpTimestamp的中繼資料中有欄位,則VideoFrame會傳回包含該rtpTimestamp欄位的字典物件。 - 如果瀏覽器物件
rtpTimestamp的中繼資料中沒有欄位,則VideoFrame會傳回一個空的字典物件。
只有源自 WebRTC 來源的視訊框架具有 rtpTimestamp 中繼資料。
此 rtpTimestamp 欄位可讓應用程式將每個公開的畫面與其原始 RTP 傳輸時間戳記相互關聯,用於下列內容:
- 使用
MediaStreamTrackProcessor的應用程式,例如將解碼的 WebRTC 框架轉譯到畫布。 - 使用 WebCodecs 的應用程式,例如用於自訂解碼管線。
另請參閱:
- Media Capture 和 Streams 擴充功能中的 VideoFrameMetadata。
- MDN 中的 WebRTC API。
所選文字上的鍵盤刪除命令的新輸入事件類型
當鍵盤刪除命令 (例如 Ctrl+退格鍵 或 Ctrl+Delete ) 與具有 contenteditable 屬性之元素中的所選文字搭配使用時, beforeinput AND input 事件現在會報告下列輸入事件類型:
deleteContentBackwarddeleteContentForward
先前已報告下列事件類型:
deleteWordBackwarddeleteWordForward
這項變更可讓您偵測發生的編輯作業,並實作可靠的復原/重做機制或其他自訂編輯行為。
另請參閱:
to 用於導覽 API 轉換的屬性
NavigationTransition 物件現在具有可 to 公開瀏覽目的地的屬性。 現有 from 屬性會公開瀏覽的來源。
and 屬性在tofrom使用認可前處理常式時非常有用。 在相同文件瀏覽期間,會透過方法NavigateEvent.intercept()使用認可前處理常式,以執行下列其中一項作業:
- 修改或取消飛行中導航。
- 在瀏覽進行中和認可之前執行工作。
另請參閱:
- MDN 中的導覽 API。
- MDN 的 NavigationPrecommitController。
Secure Payment Confirmation API 中的瀏覽器繫結金鑰
安全付款確認 API 現在可以跟上線上付款的同步通行金鑰和裝置要求。 瀏覽器繫結金鑰功能會在瀏覽器中新增裝置繫結,以啟用需要裝置繫結的付款案例。
此功能有助於滿足付款交易的裝置繫結需求。
另請參閱:
confidence 用來偵測代表性導覽時序效能項目的欄位
物件上的PerformanceNavigationTiming新confidence欄位可讓您偵測導覽計時效能項目是否代表 Web 應用程式的效能,或效能是否可能受到外部因素影響,例如瀏覽器的冷啟動或高系統負載。
瀏覽器首次啟動時,會執行許多競爭系統資源的昂貴初始化工作。 瀏覽器擴充功能也會影響效能,因為某些擴充功能會在使用者造訪的每個網頁上執行額外的程式碼,從而增加 CPU 使用率並減慢回應時間。 同樣,當機器已經忙於密集任務時,網頁載入速度可能會更慢。
這些因素使得可靠地偵測 Web 應用程式程式碼中是否存在效能問題變得更加困難。
此 confidence 欄位提供一種方法來識別更有可能代表 Web 應用程式效能的導覽計時效能項目。
另請參閱:
- MDN 的效能 API。
- MDN 的 PerformanceNavigationTiming。
- PerformanceTimingConfidence 介面。
裝置繫結工作階段認證
裝置繫結工作階段認證可讓網站安全地將使用者工作階段繫結至單一裝置,降低工作階段竊取的風險。
裝置繫結工作階段認證可讓使用者更難濫用身分識別,從而使 Web 對使用者來說更安全。
另請參閱:
已淘汰或移除的功能
移除支援點陣圖延伸以內嵌 JPEG 或 PNG
在點陣圖影像格式中內嵌 JPEG 或 PNG 影像資料的支援是非標準的,且已移除。
直接使用 PNG 或 JPEG 影像,而不是將它們內嵌在 BMP 影像格式中。
Microsoft Edge 中的原始試用版
以下是可在 Microsoft Edge 中使用的新實驗性 API 的原始試用版。
原始試用版可讓您在限定的時間內,在自己的即時網站上嘗試實驗性 API。 若要深入了解原始試用版,請參閱使用 原始試用版測試實驗 API 和功能。
如需可用原始試用版的完整清單,請參閱 Microsoft Edge 原始試用版。
Web 安裝 API
於 2026 年 7 月 14 日到期。
Web 安裝 API 可讓網站使用,將 navigator.install()其他網站安裝為使用者裝置上的 Web 應用程式。
Chromium 來源試驗
以下是您可以在 Microsoft Edge 中嘗試的作用中 Chromium 原始試用版。
如需可在 Microsoft Edge 中使用的 Chromium 原始試用版完整清單,請參閱 Microsoft Edge 原始試用版。
SharedArrayBuffers 在桌面平台上的非隔離頁面中
於 2026 年 5 月 19 日到期。
這是暫時擴充功能,用於在未跨來源隔離的網頁中不受限制地使用 SharedArrayBuffer 物件。
數位認證 API - 發行支援
於 2026 年 7 月 14 日到期。
數位憑證 API 可讓您觸發從憑證簽發者伺服器向數位錢包應用程式發行使用者憑證。 例如,此 API 可用來觸發從政府或大學伺服器向使用者數位錢包提供新的駕駛執照或經過驗證的學位。
WebAssembly 自訂描述元
於 2026 年 6 月 16 日到期。
WebAssembly 自訂描述符可讓 WebAssembly 更有效率地將與來源層級類型相關聯的資料儲存在新的自訂描述符物件中。
增強型畫布 TextMetrics
於 2026 年 8 月 11 日到期。
此原始試用版會擴充 TextMetrics Canvas API 以支援:
- 選取矩形。
- 週框方塊查詢。
- 以字符叢集為基礎的作業。
這項新功能可讓複雜的文字編輯應用程式具有準確的選取範圍、插入號定位和點擊測試。 此外,以叢集為基礎的呈現有助於實現複雜的文字效果,例如:
寫入器 API
於 2026 年 4 月 21 日到期。
Writer API 可用來從書寫工作提示產生文字,並由裝置上的 AI 語言模型提供支援。
使用此 API 來:
- 產生結構化資料的文字說明。
- 根據評論或產品描述,Compose 關於產品的文章。
- 根據背景資訊產生傳記。
- 以及其他功能。
另請參閱 使用撰寫協助 API 摘要、撰寫及重寫文字。
重寫器 API
於 2026 年 4 月 21 日到期。
重寫器 API 會在裝置上的 AI 語言模型支援下,以要求的方式轉換和改寫輸入文字。
使用此 API 來移除輸入文字中的冗餘項目,以便:
- 將文字調整為字數限制。
- 重新措辭以適合目標受眾。
- 如果文本使用不適當的語言,請更具建設性。
另請參閱 使用撰寫協助 API 摘要、撰寫及重寫文字。
來電通知
於 2026 年 5 月 19 日到期。
此功能擴充通知 API,以允許已安裝的 PWA 傳送具有通話樣式按鈕和鈴聲的來電通知。
此擴充功能讓使用者更容易辨識來電通知並接聽來電通知,協助 IP 語音 Web 應用程式建立更具吸引力的體驗。
來自非安全內容的本機網路存取
於 2026 年 5 月 19 日到期。
來自非安全內容的本機網路存取暫時允許從非安全內容存取本機網路上的資源。 這可讓您有更多時間來移轉「本機網路存取」要求,使其源自安全內容。
有關區域網路存取的限制,請參閱區域 網路存取的新權限提示。 此原始試用版只能透過 HTTP 標頭提供的原始權杖來啟用。
注意事項
本頁面的部分內容是基於 Chromium.org 創建和共享的工作進行的修改,並根據知識共享署名 4.0 國際許可證中描述的條款使用。