共用方式為

Microsoft Edge 145 網頁平台發布說明 2026 年 2 月 ()

以下是 Microsoft Edge 145 中新增的網頁平台功能與更新，該版本將於 2026 年 2 月 12 日發布。

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

詳細內容：

Edge 開發工具

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

WebView2

請參閱 WebView2 SDK 的發布說明。

CSS 功能

以下是 Microsoft Edge 中 CSS) 新功能的新層疊樣式表 (

捲動觸發動畫

捲軸觸發動畫控制動畫的播放狀態，依據滾動位置。

捲動觸發動畫適用於你想開始動畫的情況，例如只在達到特定滾動位置時才將元素滑入視線。

此功能使得在不使用 JavaScript 手動偵測元素是否在其滾動容器的視窗內的情況下，也能達成此常見效果。 這也代表瀏覽器可以將互動處理的處理權交給工作執行緒，從而提升效能。

另請參閱:

扳機瞄準鏡

這個 trigger-scope 屬性讓你可以定義動畫觸發器名稱適用的範圍。

例如，捲動觸發動畫會使用 timeline-trigger and animation-trigger 屬性來定義自訂觸發名稱。 預設情況下，這些名稱是全域的，意即可以從文件中的任何位置引用它們。 透過使用這個 trigger-scope 屬性，你可以限制這些觸發名稱的可見性只在特定範圍內。

另請參閱:

與的 letter-spacing 百分比值 word-spacing

letter-spacing與 word-spacing CSS 屬性現在支援百分比值。

使用百分比值的功能讓你對排版有更彈性的控制，特別是在響應式設計中，文字間距需要因應不同視窗寬度和字型大小而調整。

百分比值是相對於當前元素的字型大小計算的，因此代表相對於該值所適用的文字大小的大小。

另請參閱:

多欄佈局中欄位包裹的支援

多欄版面配置，例如使用 column-count 或 column-width CSS 屬性所建立的，現在支援欄位包裝。

你可以透過 column-wrap 和 column-height CSS 屬性來控制欄位換行。

使用欄位包裹時，你可以不讓父元素定義欄位高度，而是可以明確定義欄位的高度。 當同一列的所有欄位都填滿後，會建立一列新的欄位。

另請參閱:

可自訂選擇清單框

可自訂的選取現在也能在清單框模式下呈現為單選或多選。

清單框渲染模式意味著選取元素是在頁面中渲染，而不是用獨立的按鈕和彈出視窗。

若要在列表框模式中呈現可自訂的選取，請使用 multiple or size HTML 屬性。 例如： <select multiple> 或 <select size="4">。

另請參閱:

改良近圓形邊界半徑的渲染

近圓形元素的渲染效果也有所提升，例如接近 50 border-radius % 的元素。 這些元素的陰影與穿剪邊界現在完全符合元素曲線邊緣的視覺輪廓。

這項改進同樣適用於非圓形等高線，例如使用該 corner-shape 物業的地形。

另請參閱:

text-justify

這個 text-justify 特性讓你能控制使用 text-align: justify; CSS 宣告時文字的對齊方式。

例如，你甚至可以在英文文本中擴展字元間空間來強制對齊，方法是使用 text-justify: inter-character;。

另請參閱:

強制色彩模式下的單色表情符號渲染

為了提升無障礙性，Microsoft Edge 現在能以強制色彩模式渲染單色表情符號，例如使用者在 Windows 使用對比主題時。

另請參閱:

巢狀卷軸容器上的覆蓋滾動效果

在支援超捲動效果的平台上，使用者可將頁面捲動超過內容開始或結束，例如行動裝置，Microsoft Edge 現在也將此效果應用於巢狀捲動容器。

你可以透過使用 overscroll-behavior CSS 屬性來控制過捲行為。

另請參閱:

Web API

以下是 Microsoft Edge 新增的 Web API 功能。

Origin API

Origin API 提供了有用的方法：

  • 比較起源。
  • 連載起源。
  • 解析起源。

來源是網路中不可或缺的一環，對瀏覽器維護的安全與隱私界限至關重要。

瀏覽器一直都有網頁來源的內部表示。 新的 Origin API 會公開這個內部表示，讓你的程式碼可以使用它。

使用 Origin API，你可以比起使用其他現有的來源獲取器（全部回傳 ASCII 序列化）更穩健地進行同源或同一站點的比較。

另請參閱:

消毒器 API

Sanitizer API 解析並插入 HTML 於 DOM 中，以防止跨站腳本攻擊。

Sanitizer API 在需要使用者輸入消毒但難以正確實作的情況下非常有用。 API 提供高品質的淨化流程，預設行為可自訂，提升網頁應用程式的安全性。

另請參閱:

性能入口 paintTime 與 presentationTime 屬性

每個效能指標由單一 PerformanceEntry表示。

paintTime presentationTime與屬性現已可用於以下效能 API 條目：

該 paintTime 屬性表示渲染階段結束、瀏覽器開始繪製階段的時間點。

該 presentationTime 性質表示像素抵達螢幕的時間。

另請參閱:

要求固定用戶啟用或允許剪貼簿更換事件

為防止未經授權的系統剪貼簿監控， clipboardchange 該事件現僅在以下情況下發出：

  • 當頁面處於置頂用戶啟用模式時，

  • 當 clipboard-read 使用者已授予授權後。

置動性使用者啟用是指使用者積極與網頁互動，或至少與該頁面互動過一次。

另請參閱:

onanimationcancel 事件處理程序

onanimationcancel事件處理程序現已可用，類似onanimationstart於 、 onanimationiteration、 onanimationend和 。

onanimationcancel 即使動畫尚未自然結束，也能偵測動畫何時停止。 例如：

  • 當 animation-name CSS 屬性被更改時，

  • 當動畫元素被隱藏時，使用 display:none了 。

另請參閱:

IDNA ContextJ 規則

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

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

另請參閱:

getOrInsert以及 getOrInsertComputed 對 和 的方法MapWeakMap

getOrInsert

getOrInsert(key, defaultValue)和 的方法MapWeakMap會回傳儲存在映射指定鍵的值。

如果在映射中找不到該鍵，方法會 getOrInsert 為該鍵建立一個新的條目，並使用預設值，然後回傳該值。

另請參閱:

getOrInsertComputed

getOrInsertComputed(key, callback)和 的方法MapWeakMap會回傳儲存在映射指定鍵的值。

如果在映射中找不到該鍵，方法會 getOrInsertComputed 為該鍵建立一個新條目，將其值設為給定回調函式的結果，然後回傳該值。

另請參閱:

LayoutShift API 在 CSS 像素中的報表

prevRect LayoutShift API 回傳的 and currentRect 資料現在是以 CSS 像素為單位，而非實體像素來報告長度。

此變更使 LayoutShift API 與其他版面相關 API 保持一致，這些 API 皆使用 CSS 像素單位。

另請參閱:

文本尺度元元素

text-scale meta 元素使網頁根元素的預設字型大小與作業系統及瀏覽器的文字縮放設定一致。 例如：

<meta name="text-scale" content="scale">

過去，沒有簡單的方法可以尊重使用者在作業系統或瀏覽器中設定的文字縮放。

如果你遵循字型相對單位的最佳實務，例如使用rem字em型大小單位來尊重使用者的文字大小偏好，meta text-scale 元素會很有用。

此功能也允許瀏覽器關閉自身的瀏覽器機制與啟發式，例如桌面版的全螢幕縮放，或行動版的文字自動大小。 現在，你可以向瀏覽器提示頁面的結構能依使用者選擇的各種字型大小偏好良好擴展。

另請參閱:

要定義 Cookie 的有效期限，現在你可以在使用 Cookie Store API 時使用該 maxAge 屬性。

這是加上屬性之外的， expires 屬性本身就控制了 cookie 的有效期限。 新的屬性 maxAge ：

  • 提供一個替代選項，有時比屬性本身 expires 更直覺。
  • 將 Cookie Store API 與 HTTP 標頭所提供的document.cookieSet-Cookie選項對齊。

另請參閱:

focusVisible 方法的 focus() 選項

在呼叫該方法時 focus() ，你現在 focusVisible 可以提供布林值選項。

  • 當 focusVisible 時 true，會在新聚焦元素周圍顯示一個焦點環，並 :focus-visible 匹配 CSS 偽類別。

  • 當 focusVisible 時 false，焦點環不會顯示在新聚焦元素周圍，且 :focus-visible CSS 偽類別不會被匹配。

  • 當 focusVisible 缺少焦點環時，瀏覽器自行判斷是否顯示焦點環環，以及 CSS 偽類別是否 :focus-visible 相應匹配。

另請參閱:

VideoFrame.metadata() 現已回歸 rtpTimestamp WebRTC 影片幀

新 VideoFrame.metadata() 方法會回傳一個字典物件。

  • 如果 VideoFrame 瀏覽器物件的元資料中有 rtpTimestamp 欄位，則會回傳包含該 rtpTimestamp 欄位的字典物件。
  • 如果 VideoFrame 瀏覽器物件的元資料中沒有 rtpTimestamp 欄位，則會回傳一個空的字典物件。

只有來自 WebRTC 來源的影片幀才有這些 rtpTimestamp 元資料。

此 rtpTimestamp 欄位允許應用程式將每個曝光幀與其原始 RTP 傳輸時間戳對應，適用於以下情況：

  • 一個使用 MediaStreamTrackProcessor，例如將解碼後的 WebRTC 框架渲染到畫布上的應用程式。
  • 一個使用 WebCodec（例如自訂解碼管線）的應用程式。

另請參閱:

針對選取文字的鍵盤刪除指令新增輸入事件類型

當在有contenteditable屬性的元素中選取文字時，使用鍵盤刪除指令如 Ctrl+Backspace 或 Ctrl+Delete，beforeinput且 input and 事件會回報以下輸入事件類型：

  • deleteContentBackward
  • deleteContentForward

先前報告的事件類型如下：

  • deleteWordBackward
  • deleteWordForward

此變更使您能偵測發生的編輯操作，並實作可靠的復原/重做機制或其他自訂編輯行為。

另請參閱:

to 導航 API 轉換的屬性

NavigationTransition 物件現在擁有 to 一個屬性，會揭露導航的目的地。 現有 from 的地質暴露了航行的源頭。

to和from屬性在使用預提交處理器時非常有用。 預提交處理程序在透過該NavigateEvent.intercept()方法進行同文件導覽時，會用於以下兩種方式：

  • 修改或取消機上導航。
  • 在導航進行中且尚未承諾之前完成工作。

另請參閱:

dropEffect值會從dragover事件保持到drop

使用拖放 API 時，事件中dragover最後dataTransfer.dropEffect設定的值會被保留，並在後續drop事件中可用。

過去，Microsoft Edge 在事件觸發前drop，透過協商的操作覆蓋了該dropEffect數值，這與規範相違背。

另請參閱:

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

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

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

另請參閱:

confidence 偵測代表性導航時序表現項目的欄位

物件上的PerformanceNavigationTiming新增confidence欄位能偵測導航時序效能條目是否代表你網頁應用程式的效能，或是效能可能受到外部因素影響，例如瀏覽器冷啟動或系統負載過高。

當瀏覽器剛啟動時，會執行許多昂貴的初始化任務，這些任務會爭奪系統資源。 瀏覽器擴充功能也會影響效能，因為有些擴充功能會在使用者造訪的每個網頁上執行額外程式碼，增加 CPU 使用率並降低回應速度。 同樣地，當機器已經忙於繁重任務時，網頁載入速度可能會變慢。

這些因素使得可靠地偵測網頁應用程式程式碼中是否存在效能問題變得更加困難。

該 confidence 欄位提供一種方法，幫助辨識更可能代表你網頁應用程式效能的導航時序效能條目。

另請參閱:

裝置綁定會話憑證

裝置綁定會話憑證提供網站安全綁定使用者會話至單一裝置的方法，以降低會話被盜的風險。

裝置綁定的會話憑證讓網路對使用者更安全，因為它降低了濫用使用者身份的難度。

另請參閱:

已棄用或移除的功能

移除對 Bitmap 擴充功能以嵌入 JPEG 或 PNG 的支援

將 JPEG 或 PNG 影像資料嵌入點陣圖影像格式的支援是非標準的，且已被移除。

直接使用 PNG 或 JPEG 圖片，而非嵌入 BMP 影像格式中。

Microsoft Edge 中的 Origin 試用

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

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

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

網頁安裝 API

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

網頁安裝 API 允許網站在使用者的裝置上安裝其他網站作為網頁應用程式，方法是使用 navigator.install()。

Chromium 來源試驗

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

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

桌面平台非隔離頁面中的 SharedArrayBuffers

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

這是針對 SharedArrayBuffer 網頁中非跨來源隔離物件的臨時擴充。

數位憑證 API - 發行支援

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

數位憑證 API 允許從憑證發行伺服器觸發用戶憑證向數位錢包應用程式發出憑證。 例如，此 API 可用於觸發政府或大學伺服器向使用者數位錢包的新駕照或經驗證的學歷的設定。

WebAssembly 自訂描述符

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

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

增強版畫布文字度量

截止日期為2026年8月11日。

此起源試驗擴展了 TextMetrics Canvas API 以支援：

  • 選擇矩形。
  • 邊界框查詢。
  • 操作基於符文群。

這項新功能使複雜的文字編輯應用程式能夠精確地選取、插入點定位及命中測試。 此外，基於叢集的渲染促進了複雜的文字效果，例如：

Writer API

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

Writer API 可用來從寫作任務提示生成文字，並由裝置上的 AI 語言模型支援。

使用此 API 來：

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

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

重寫 API

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

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

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

  • 將文字限制在字數限制內。
  • 請根據目標讀者重新措辭文本。
  • 如果文本用詞不夠充分，請更具建設性。

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

來電通知

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

此功能擴展了通知 API，允許已安裝的 PWA 發送來電通知，通知具有來電風格的按鈕和鈴聲。

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

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

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

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

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

注意事項

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

  • Last updated on