共用方式為


Microsoft Edge 135 網頁平台發布說明 2025 年 4 月 ()

以下是 Microsoft Edge 135 中新增的網頁平台功能與更新,該版本將於 2025 年 4 月 3 日發布。

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

詳細內容:

Edge 開發工具

查看 DevTools (Microsoft Edge 135) 的最新動態

WebView2

請參閱 WebView2 SDK 的 1.0.3179.45 () 於 WebView2 SDK 的版本

網頁平台功能

CSS 功能

::column CSS 偽元素代表多欄位容器中的各個欄位。

容器可以以有限數量的 CSS 屬性來樣式化。

容器可以透過其捲動容器 ::scroll-marker ,利用偽元素來吸附。

::scroll-marker::scroll-markers-group偽元素允許在捲軸容器中建立一組可聚焦的標記。

這組可聚焦標記用來將捲軸容器卡在特定位置。

::scroll-button()偽元素允許將滾動按鈕作為滾動容器的偽元素來建立。

滾動按鈕用來在點擊滾動按鈕時,將容器朝按鈕方向滾動。

巢狀偽元素樣式

巢狀於其他偽元素中的偽元素現在可以透過使用 ::before::marker::after::marker來樣式化。

::column::scroll-marker 尚未獲得支援。

CSS interactivity 性質

CSS interactivity 屬性指定了一個元素及其平面樹狀後代, (包括文字執行) 是否是惰性的。

使元素惰性化影響:

  • 該元素是否能被聚焦、編輯、選取,並可透過頁面搜尋。
  • 該元素是否在無障礙樹中可見。
CSS 邏輯溢位屬性

overflow-inlineoverflow-block CSS 屬性允許在內嵌與區塊方向相對於寫入模式設定溢位。

  • 在水平寫入模式下, overflow-inline 映射到 overflow-x
  • 在垂直寫入模式下, overflow-inline 映射到 overflow-y
CSS abs()sign() 函式

abs(A) 函數回傳 A 的絕對值,與輸入型別相同。 回傳類型為 <number>

sign(A) 數回傳:

  • -1A 的數值為負。
  • +1A 的數值為正。
  • 0 否則,

回傳類型為 <number>

CSS 錨點定位:記憶捲動偏移量

當定位元素有預設錨點,且在一邊與原始包含方塊相連,另一邊則與原始包含方塊相連時,捲動偏移量會在調整元素大小時被考慮。

在調整元素大小時考慮捲動偏移, (在文件以特定滾動偏移量滾動時, 使用 position-area) 來使用所有可見空間。

為了避免每次捲動文件時都調整元素大小,採用「記憶滾動偏移量」概念,而非每次使用目前的滾動偏移量。

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-topsafe-area-max-inset-rightsafe-area-max-inset-bottomsafe-area-max-inset-left 環境變數與安全區內嵌變數相關,但代表最大可能的安全區域。

使用最大可能的安全區域有助於避免在安全區域內嵌值增加時更新頁面版面。

HTML 功能

command 以及 commandfor HTML 屬性

command commandfor元素的 <button> HTML 屬性讓你能以可及且宣告的方式為按鈕指派行為,同時減少 JavaScript 頁面的使用頻率以提供互動性。

當點擊、觸摸或透過按鍵啟動時,帶有 commandfor 屬性command的按鈕會對被 參考commandfor的元素發送 aCommandEvent,並預設開啟對話框和彈出視窗。

<link rel="facilitated-payment" href="..."> 元素作為提示,瀏覽器用來通知已註冊的支付客戶有待處理的推送付款。

SVG <a> 元素中的支援relrelList屬性

SVG 2.0 中的 SVGAElement 介面允許操作 SVG <a> 元素,這與 HTML 錨點元素相似。 此變更新增了對屬性relrelList的支援,以提升網頁的安全性與隱私。

這種做法符合 HTML 錨點元素的運作方式,並確保 SVG 與 HTML 間的一致性與易用性。

Web API

在網路語音 API 中加入 MediaStreamTrack 支援

Web Speech API 是一個網路標準 API,允許你將語音辨識與合成整合到你的網頁中。

網頁語音 API 使用使用者的預設麥克風作為預設音訊輸入。 MediaStreamTrack 支援允許網站使用 Web Speech API 為其他音訊來源(包括遠端音訊軌)加標題。

建立服務工作者客戶端,並繼承 iframe 的服務工作者控制器,並有 srcdoc

現在會為使用 該 srcdoc 屬性的 iframes 建立一個服務工作者客戶端。 所建立的服務工作者客戶端繼承自 iframe 父服務工作者的服務工作者。

將點擊事件派遣到捕獲指標

如果在事件執行時pointerup捕獲指標,事件click會被派遣到捕獲目標,而不是發送到事件和事件最近的共同祖先pointerdownpointerup

Float16 陣列

Float16Array現在支援了型別陣列。 當寫入實 Float16Array 例時,數值會四捨五入為 IEEE FP16) (半精度浮點格式。

sourceElement 性質 NavigateEvent

當頁面導覽由某個元素發起時,例如使用者點擊連結或提交表單時,結果 NavigateEvent 的頁面現在會有一個 sourceElement 屬性指向該啟動元素。

PerformanceNavigationTiming API NotRestoredReasons 名稱變更

NotRestoredReasons API 是 PerformanceNavigationTiming API 的一部分。 此變更更新了原因名稱,使其符合規格。

變更列表:

舊名稱 新名稱
extension-messagingpending-permission-requestnot-main-frameframe-navigatingtimeout, , web-databasecookie-removedprintinginjected-javascriptcookie-disabledinjected-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

可觀察量是一種流行的反應式程式設計範式,用以處理非同步的推送事件串流。 可觀察量可視為承諾,但適用於多個事件。 可觀察項目讓你能寫出更線性、宣告式的程式碼,避免巢狀回調。 也就是說,可觀察物允許符合人體工學的事件處理,透過提供 Observable 一個代表非同步事件流的物件。

你可以「訂閱」這個物件,接收事件,並呼叫其任一運算元來聲明性描述事件經過的轉換流程。 這與 命令式 版本形成對比,命令式版本通常需要複雜的巢狀結構,採用如 addEventListener()的方法。

請參閱 W3C 可觀察規範

服務工作者客戶端的 URL 現在會 history.pushState 忽略變更

Client.url服務工作者的屬性,即初始 HTML 文件的 URL,現在忽略了方法history.pushState()及其他類似歷史 API 所做的變更。

RTC 編碼框架的時間戳記

以下時間戳現已公開:

  • 擷取時間戳記:指幀最初被擷取的時間戳。
  • 接收時間戳記:指幀被接收的時間戳。

這些時間戳存在於透過 傳輸的 WebRTC 編碼框架 RTCPeerConnection中。

此變更使使用 WebRTC 的視訊會議應用程式能實作延遲測量,以更深入了解效能。

fetchLater API

fetchLater() 是一個用來傳送延遲取回請求的 JavaScript API。 延遲取回請求發送後,瀏覽器會排隊等待一個延遲請求,處於 處理狀態。

延遲取回請求接著會被以下最早條件中最早的一個調用:

  • 當文件被銷毀時。
  • 在用戶指定的時間後。
  • 當瀏覽器決定該發送請求時,

API 回傳包含布林欄位的 activated aFetchLaterResultactivated布林欄位可以更新以判斷延遲請求是否已送出。 延遲請求成功傳送後,瀏覽器會忽略回應,包括網頁主體與標頭。

highlightsFromPoint API

API highlightsFromPoint() 讓你的網頁能與 CSS 自訂重點互動,透過偵測文件中特定位置的重點。

從某點取得高光,可以被網頁應用程式用來管理使用者與自訂高光的互動,例如:

  • 回應高亮區域的懸停事件,觸發自訂工具提示。
  • 回應使用者時,點擊高亮區域,觸發右鍵選單 (右鍵選單) 。

已棄用或移除的功能

以下 Web API 功能已被棄用 (仍支援,但不建議) 或移除。

移除 navigator.xr.supportsSession 方法

已棄用 navigator.xr.supportsSession 的屬性已從 WebXR API 中移除。

在 2019 年的 WebXR 規範中,該 navigator.xr.supportsSession 屬性被標記為棄用,並由 Method navigator.xr.isSessionSupported() 取代。

移除 WebGPU 限制 maxInterStageShaderComponents

maxInterStageShaderComponents該限制現已取消,原因包括:

  • maxInterStageShaderVariables的冗餘性,已經有類似的目的:控制著色器階段間傳遞的資料量。

  • 細微差異:雖然兩種極限的計算方式略有差異,但這些差異都很小,且可在極 maxInterStageShaderVariables 限內有效管理。

  • 簡化:移除 maxInterStageShaderComponents 著色器介面,簡化介面使用複雜度。 與其同時管理兩個獨立 (限制,但它們同時適用,但有細微差異) ,你可以專注於更恰當地名稱更貼切且全面的 maxInterStageShaderVariables限制。

起源試驗

以下是你可以在自己網站上有限時間試用的新實驗性 API。

欲了解更多關於起源試驗的資訊,請參閱 「使用起源試驗測試實驗 API 與功能」。

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

Microsoft Edge專屬起源試用

數位商品 API

截止日期為2025年3月31日。

數位商品 API 允許網頁應用程式取得其數位產品的資訊,以及數位商店管理的使用者購買資訊。 使用者代理抽象了與商店的連線,而付款請求 API 則用於進行購買。

網頁應用程式 LocalFolder 存取

截止日期為2025年3月31日。

網頁應用程式 LocalFolder Access 允許 Microsoft Store 安裝的漸進式網頁應用程式 (PWA) 存取先前由應用程式早期版本儲存在 WinRT ApplicationData.LocalFolder 資料夾中的檔案內容。

HTML+IDL 手寫屬性

截止日期為2025年6月14日。

屬性提供 handwriting 每份文件及每個元素的控制手寫輸入(例如使用觸控筆時)允許的區域。

採購資訊 API

將於 2025 年 6 月 30 日到期。

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

注意事項

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