Microsoft Edge 135 Web 平臺版本資訊 (2025 年 4 月)
以下是 Microsoft Edge 135 中的新 Web 平臺功能和更新,發行日期為 2025 年 4 月 3 日。
若要保持最新狀態並取得最新的 Web 平臺功能,請下載測試人員版本的 Microsoft Edge,例如 Canary、Dev 或 Beta;請參閱 成為Microsoft Edge 測試人員。
詳細內容:
- Edge DevTools
- WebView2
-
Web 平臺功能
- CSS 功能
- HTML 功能
-
Web API
- 將 MediaStreamTrack 支援新增至 Web 語音 API
-
數據分割
:visited
連結歷程記錄 -
使用 建立服務背景工作角色客戶端並繼承 iframe 的服務背景工作控制器
srcdoc
- 將點選事件分派給擷取的指標
- Float16Array
- HSTS 追蹤防護
-
sourceElement
的屬性NavigateEvent
- PerformanceNavigationTiming API NotRestoredReasons 名稱變更
- 可觀察的 API
-
服務工作者用戶端 URL 現在會
history.pushState
忽略變更 - RTC 編碼框架的時間戳
-
double
針對 ProgressEvent 的loaded
和total
屬性使用 類型 - fetchLater API
- highlightsFromPoint API
- 已淘汰和已移除的功能
- 原始試用版
Edge DevTools
請參閱 Microsoft Edge DevTools 的新功能。
WebView2
請參閱 WebView2 SDK 的版本資訊。
Web 平臺功能
CSS 功能
CSS 浮動切換小工具: ::column
虛擬元素
::column
CSS 虛擬專案代表多重數據行容器中的個別數據行。
容器可以使用有限的 CSS 屬性來設定樣式。
容器可以藉由其捲動容器,使用 ::scroll-marker
虛擬元素來貼上。
CSS 浮動切換小工具: ::scroll-marker
和 ::scroll-marker-groups
虛擬元素
和 ::scroll-marker
::scroll-markers-group
虛擬元素允許在捲動容器內建立一組可設定焦點的標記。
一組可設定焦點的標記可用來將捲動容器貼齊特定位置。
CSS 浮動切換小工具: ::scroll-button()
虛擬元素
虛擬 ::scroll-button()
元素可讓您將滾動按鈕建立為卷動容器的虛擬元素。
當按下滾動條按鈕時,捲動按鈕會用來以按鈕的方向捲動容器。
巢狀虛擬元素樣式
現在可以使用 ::before::marker
和 ::after::marker
來設定巢狀於其他虛擬元素內的虛擬項目樣式。
::column::scroll-marker
尚不支援 。
CSS interactivity
屬性
CSS interactivity
屬性會指定專案及其一般樹狀結構子系 (包含文字執行) 是否為插入。
讓專案插入會影響:
- 專案是否可以透過 [在頁面中尋找],進行焦點、編輯、選取和搜尋。
- 專案是否顯示在輔助功能樹狀結構中。
CSS 邏輯溢位屬性
和 overflow-inline
overflow-block
CSS 屬性允許設定相對於寫入模式的內嵌和區塊方向溢位。
- 在水平寫入模式中,對
overflow-inline
應至overflow-x
。 - 垂直寫入模式中,對
overflow-inline
應至overflow-y
。
CSS abs()
和 sign()
函式
函式會 abs(A)
傳回 A 的絕對值,與輸入的類型相同。 傳回型別 <number>
為 。
函式會 sign(A)
傳回:
-
-1
如果 A 的數值為負數, 則為 。 -
+1
如果 A 的數值為正數, 則為 。 -
0
否則。
傳回型別 <number>
為 。
CSS 錨點定位:記住捲動位移
當定位的專案具有預設錨點,且系結至某個邊緣的這個錨點,以及另一個邊緣的原始包含區塊時,捲動位移會在調整元素大小時納入考慮。
將捲動位移納入考慮,當檔在指定的捲動位移處捲動時,會使用) 來啟用 position-area
錨定元素 (的所有可見空間。
為了避免每次捲動檔時調整元素的大小,會使用「記住的捲動位移」概念,而不是一律使用目前的捲動位移。
CSS dynamic-range-limit
屬性
dynamic-range-limit
CSS 屬性允許限制高動態範圍 (HDR) 內容的最大亮度。
CSS 函式shape()
shape()
CSS 函式允許在 屬性中使用自由格式和響應式圖形clip-path
。
您可以定義一系列的動詞,相當於函式中的 path()
動詞命令。
您可以使用回應式單位,例如 %
或 vw
。
您可以使用 CSS 值,例如自訂屬性。
CSS 函式progress()
、 progress()
media-progress()
和 container-progress()
函式代表指定值的比例距離, (進度值) 從某個值 (進度開始值) 到進度結束值) (另一個值。
-
progress()
允許從數學函式繪製進度比例。 -
media-progress()
允許從媒體功能繪製進度比例。 -
container-progress()
允許從容器功能繪製進度比例。
safe-area-max-inset-*
變數
safe-area-max-inset-top
、safe-area-max-inset-right
、 safe-area-max-inset-bottom
和環境safe-area-max-inset-left
變數會系結至安全區域內嵌變數,但代表可能的最大安全區域。
使用可能的最大安全區域,有助於避免在安全區域內嵌值成長時更新頁面的版面配置。
HTML 功能
command
和 commandfor
HTML 屬性
元素command
的 <button>
和 commandfor
HTML 屬性可讓您以可存取且宣告的方式將行為指派給按鈕,同時減少 JavaScript 頁面必須用來提供互動的頻率。
透過keypress 按兩下、觸碰或啟動時,具有 commandfor
和 command
屬性的按鈕會在所commandfor
參考的元素上分派 ,並使用一CommandEvent
些預設行為,例如開啟對話框和彈出視窗。
支援發送付款的連結rel=facilitated-payment
元素 <link rel="facilitated-payment" href="...">
會作為提示,瀏覽器會使用此提示來通知已註冊的付款客戶端有關擱置中的發送付款。
rel
SVG <a>
元素中的 和 relList
屬性支援
SVG 2.0 中的 SVGAElement 介面允許作類似於 HTML 錨點元素的 SVG <a>
元素。 這項變更會新增 和 relList
屬性的支援rel
,以增強網頁的安全性和隱私權。
此方法與 HTML 錨點元素的運作方式一致,並確保 SVG 和 HTML 之間的一致性和易用性。
Web API
將 MediaStreamTrack 支援新增至 Web 語音 API
Web 語音 API 是 Web 標準 API,可讓您將語音辨識和合成納入網頁。
Web 語音 API 會使用使用者的預設麥克風作為預設音訊輸入。 MediaStreamTrack 支援可讓網站使用 Web 語音 API 來 標題 其他音訊來源,包括遠端音訊數據軌。
數據分割 :visited
連結歷程記錄
為了消除使用者瀏覽歷程記錄流失,HTML <a>
元素現在的樣式只有在之前已從最上層網站和畫面原點按兩下時才會樣式 :visited
化。 這表示Microsoft Edge 現在會根據三個索引鍵來分割瀏覽連結:
- 連結 URL。
- 最上層網站。
- 畫面原點。
只要設定之前已在此網站和畫面上按兩下的樣式連結,已開發來取得 :visited
連結樣式資訊的側通道攻擊現在已過時。
自我連結 會從中排除;網站本身頁面的連結可以設定為樣式,即使之前尚未在此確切的最上層網站和畫面原點中按兩下它們也一樣 :visited
。 只有在最上層框架或與最上層框架來源相同的子框架中,才會啟用此豁免。
使用 建立服務背景工作角色客戶端並繼承 iframe 的服務背景工作控制器 srcdoc
現在會為使用 srcdoc
屬性的 iframe 建立服務背景工作角色用戶端。 建立的服務背景工作角色客戶端繼承自 iframe 父系的服務背景工作角色。
將點選事件分派給擷取的指標
如果在事件分派時 pointerup
擷取指標, click
則事件會分派至擷取的目標,而不是分派至最接近的 pointerdown
和 pointerup
事件的一般上階。
Float16Array
Float16Array
現在支援具類型的陣列。 數值會在寫入 Float16Array
實例時四捨五入為半精確度浮點數格式 (IEEE FP16) 。
HSTS 追蹤防護
透過 HTTP Strict Transport Security (HSTS) 快取,減輕第三方的用戶追蹤。
此功能只允許最上層導覽的 HSTS 升級,並封鎖子資源要求的 HSTS 升級。 封鎖這類 HSTS 升級,使得第三方網站無法使用 HSTS 快取來跨網路追蹤使用者。
sourceElement
的屬性 NavigateEvent
當頁面導覽由專案起始時,例如當使用者按兩下連結或提交表單時,產生的 NavigateEvent
現在會有指向 sourceElement
起始項目的屬性。
PerformanceNavigationTiming API NotRestoredReasons 名稱變更
NotRestoredReasons API 是 PerformanceNavigationTiming API 的一部分。 這項變更會更新原因的名稱,使其符合規格。
變更清單:
舊名稱 | 新名稱 |
---|---|
extension-messaging 、pending-permission-request 、、、not-main-frame 、frame-navigating 、cookie-disabled timeout 、printing cookie-removed 、web-database 、 injected-javascript 和injected-stylesheet |
masked |
response-method-not-get |
request-method-not-get |
serviceworker-version-activation |
serviceworker-version-activated |
serviceworker-added-after-bfcache |
serviceworker-added |
serviceworker-unregistration |
serviceworker-unregistered |
unload-handler |
unload-listener |
session-restored |
null |
可觀察的 API
可觀察物件是常用的回應式程序設計範例,可處理以推送為基礎的事件異步數據流。 可觀察物件可視為 Promise,但適用於多個事件。 可檢視可讓您撰寫更多線性和宣告式的程序代碼,並避免巢狀回呼。 也就是說,Observables 藉由提供 Observable
代表事件異步流程的對象,允許進行Ergonomic事件處理。
您可以「訂閱」此物件,以在事件進入時接收事件,並呼叫其任何運算符,以宣告方式描述事件所經歷的轉換流程。 這與 命令 式版本相反,後者通常需要複雜的巢狀結構,方法如下 addEventListener()
。
請參閱 W3C 可觀察規格。
服務工作者用戶端 URL 現在會 history.pushState
忽略變更
Client.url
服務工作者的 屬性是初始 HTML 檔的 URL,現在會忽略 方法和其他類似歷程記錄 API 所做的history.pushState()
變更。
RTC 編碼框架的時間戳
現在會公開下列時間戳:
- 擷取時間戳:最初擷取框架的時間戳。
- 接收時間戳:接收框架的時間戳。
這些時間戳會出現在透過 RTCPeerConnection
傳輸的 WebRTC 編碼框架中。
這項變更可讓使用 WebRTC 實作延遲測量的視訊會議應用程式,進一步瞭解效能。
double
針對 ProgressEvent 的 loaded
和 total
屬性使用 類型
的 loaded
和 total
屬性表示 ProgressEvent
目前的進度。 這些屬性的類型現在是 和之間的0
1
浮點數,當省略 屬性時max
,會與 HTML 專案的預設行為<progress>
一致ProgressEvent
。
fetchLater API
fetchLater()
是用來傳送延遲擷取要求的 JavaScript API。 傳送延後擷取要求之後,瀏覽器會將延遲的要求排入 擱置 狀態的佇列。
延遲的擷取要求接著會由下列最早條件叫用:
- 當文件終結時。
- 在使用者指定的時間之後。
- 當瀏覽器決定要傳送要求時。
API 會傳 FetchLaterResult
回包含布林值欄位的 activated
。
activated
布爾值欄位可以更新,以判斷是否已傳送延遲的要求。 成功傳送延後的要求之後,瀏覽器會忽略回應,包括網頁的本文和標頭。
highlightsFromPoint API
API highlightsFromPoint()
可讓您的網頁與 CSS 自定義醒目提示互動,方法是偵測哪些醒目提示存在於檔內的特定點。
從某個點取得醒目提示可供 Web 應用程式用來管理使用者與自定義醒目提示的互動,例如:
- 回應反白顯示區域上的暫留事件,以觸發自定義工具提示。
- 回應使用者單擊反白顯示的區域,以觸發快捷功能表 (快捷功能表) 。
已淘汰和已移除的功能
Intl.Locale
取代 getter
Intl.Locale
API 會公開地區設定的周數據和小時週期類型等資訊。
根據規格, Intl.Locale
物件的存取子屬性現在已被取代,而改用對應的函式。 例如, Intl.Locale.prototype.hourCycle
存取子屬性已被取代,而改用 函 Intl.Locale.prototype.getHourCycles()
式。
Remove navigator.xr.supportsSession
方法
已從 WebXR API 中移除已被取代的 navigator.xr.supportsSession
屬性。
在 2019 年的 WebXR 規格中, navigator.xr.supportsSession
屬性已標示為已過時,並已由 navigator.xr.isSessionSupported()
方法取代。
拿掉 WebGPU 限制 maxInterStageShaderComponents
由於下 maxInterStageShaderComponents
列原因,現在會移除此限制:
的備援
maxInterStageShaderVariables
已經有類似的用途:控制在著色器階段之間傳遞的數據量。次要差異:雖然兩個限制的計算方式有些微差異,但這些差異很小,而且可以在限制內
maxInterStageShaderVariables
有效管理。簡化:移除
maxInterStageShaderComponents
可簡化著色器介面,並降低使用 介面的複雜度。 您不需要管理兩個同時套用的個別限制 (,而是) 有細微的差異,您可以只專注於更適當且maxInterStageShaderVariables
全面的 。
原始試用版
以下是新的實驗性 API,您可以在有限的時間內於自己的即時網站上試用。
若要深入瞭解原點試用,請 參閱在 Microsoft Edge 中使用原始試用版。
若要查看可用原點試用的完整清單,請參閱Microsoft Edge 原點試用版。
Microsoft僅限Edge的原點試用版
數位商品 API
到期日為 2025 年 3 月 31 日。
數位商品 API 可讓 Web 應用程式取得其數位產品和數位商店所管理使用者購買的相關信息。 使用者代理程式會擷取存放區的連線,並使用付款要求 API 進行購買。
Web 應用程式 LocalFolder 存取
到期日為 2025 年 3 月 31 日。
Web 應用程式 LocalFolder 存取可讓Microsoft市集安裝的漸進式 Web 應用程式 (PWA) 存取先前由舊版應用程式儲存在 WinRT ApplicationData.LocalFolder
資料夾中的檔案內容。
HTML+IDL 手寫屬性
到期日為 2025 年 6 月 14 日。
屬性 handwriting
提供每個檔和每個元素的方式來控制手寫輸入的位置,例如使用手寫筆時允許的位置。
擷取資訊 API
到期日為 2025 年 6 月 30 日。
取得資訊 API 支援透過 App Store 或直接從瀏覽器取得之 PWA 的 3P 擷取屬性。
注意事項
此頁面的部分是根據 Chromium.org 所建立和共用的工作進行修改,並根據 Creative Commons Attribution 4.0 國際授權中所述的條款使用。