以下是 2026 年 10 月 8 日發行的 Microsoft Edge 155 中的新 Web 平台功能和更新。
若要保持最新狀態並取得最新的 Web 平台功能,請下載 Microsoft Edge (Beta、Dev 或 Canary) 的預覽通道;移至 成為 Microsoft Edge 測試人員。
詳細內容:
Microsoft Edge 開發工具
查看 Microsoft Edge DevTools 的新增功能。
WebView2
請參閱 預覽執行階段 155.0.4283.13 (2026 年 9 月 24 日) 。
CSS 功能
Microsoft Edge 中包含下列新的階層式樣式表 (CSS) 功能。
symbols() 函數
CSS symbols() 函數可讓您內嵌定義計數器樣式,而非先宣告指定的 @counter-style at-rule。
symbols() 從字串符號清單以及 (循環、數字、字母、符號或固定) 的選用計數系統建立匿名計數器樣式。 這被接受為 、簡寫和 list-stylecounter() 和 counters()中的計數器樣式list-style-type。
下列範例會將 、 †、 ‡ 符號顯示*為清單項目標記,並針對每個清單項目循環顯示:
ol {
list-style: symbols(cyclic "*" "†" "‡");
}
另請參閱:
- 符號 () MDN 的 CSS 函數。
text-decoration-skip-spaces 屬性
CSS 屬性可 text-decoration-skip-spaces 控制文字裝飾行是否 (底線、上劃線或直通) 跳過空白字元。
這使您可以防止在空白字元上繪製裝飾線,以獲得更具視覺吸引力的結果。
另請參閱:
-
跳過空格:
text-decoration-skip-spacesCSS 文字裝飾模組層級 4 中的屬性。 - text-decoration-skip-ink 的 CSS 屬性 。
margin-trim 屬性
CSS 屬性會在 margin-trim 子元素與容器邊緣相交時移除其邊界。
使用此屬性可以省略容器元素第一個子系之前和最後一個子系之後的邊界。
另請參閱:
Web API
Microsoft Edge 中包含下列新的 Web API 功能。
支援和srgb-lineardisplay-p3-linear在PredefinedColorSpace
和srgb-lineardisplay-p3-linear色彩空間現在可以與畫布 API 一起使用。
線性色彩空間,其中像素值線性對應於亮度,通常用於與物理光渲染連接的應用程序,例如遊戲。
另請參閱:
Windows Management API 的視窗控制項
視窗管理 API 已經允許 Web 應用程式開啟和管理視窗。 API 現在也為有權限 window-management 的 Web 應用程式提供額外的視窗控制項,以最大化、最小化、還原或防止調整其視窗大小。
此外,新的 CSS 媒體功能 display-state 並 resizable 允許指令碼和內容適應相應的視窗狀態和可調整大小。
這些功能改善了虛擬桌面基礎結構 (VDI) Web 用戶端遠端應用程式視窗的可用性,特別是在標題列視窗控制項方面。
另請參閱:
- MDN 的視窗管理 API。
- 最小化 () 視窗管理 API 規格中的方法。
- 最大化 () 視窗管理 API 規格中的方法。
- 還原 () 視窗管理 API 規格中的方法。
- setResizable () 方法。
新的 Web 密碼編譯演算法
Web 密碼編譯 API 現在支援下列新的密碼編譯演算法:
- 後量子密碼編譯
- 通用對稱式 AEAD
這可讓您存取由 NIST 標準化的常見抗量子密碼編譯演算法的瀏覽器提供實作:
- ML-KEM - 768、1024
- ML-DSA - 44、65、87
- ChaCha20-Poly1305
- X-Wing
另請參閱:
- MDN 上的加密。
數位認證 API - 發行支援
數位憑證 API 可讓您觸發從憑證簽發者伺服器向數位錢包應用程式發行使用者憑證。
例如,使用數位憑證 API 來觸發從政府或大學伺服器向使用者的數位電子錢包提供新的駕駛執照或經過驗證的學位。
文字模組
import … with { type: "text" } import 陳述式會將文字資料載入為模組中的字串值。
另請參閱:
-
文字模組
({ type: "text" })的 [ 匯入屬性] 中,位於 MDN。
JPEG XL 解碼支援
Microsoft Edge 現在支援解碼 JPEG XL (image/jxl) 影像。
JPEG XL 是一種新式影像格式,提供:
- 漸進式解碼可改善可感知的載入效能。
- 支援廣色域、高動態範圍 (HDR) 和高位元深度。
- 支援動畫。
另請參閱:
- ISO/IEC 18181-1:2024
- MDN 的影像檔案類型和格式指南中的 JPEG XL 影像。
在看不見的 iframe 上暫停媒體播放
media-playback-while-not-visible權限原則可讓您暫停目前隱藏的內嵌 iframe 的任何音訊媒體播放。
在下列任一情況下,會將內嵌的 iframe 視為 隱藏 :
- 屬性設
display為none。 - 屬性設
visibility為hidden。 - OR
height屬性等width於 0。
此權限原則適用於透過 iframe 內嵌媒體內容的 Web 應用程式。 您可能需要暫時隱藏 iframe,而不卸載它,同時仍保持對 iframe 內媒體播放的控制。
另請參閱:
預先轉譯跨原始來源 iframe
Supports-Loading-Mode: prerender-cross-origin-frames HTTP 回應標頭可讓預先轉譯的頂層頁面也預先轉譯其內嵌的跨原始來源 iframe。
根據預設,內嵌在預先轉譯的頂層頁面中的跨原始來源 iframe 不會預先轉譯。 其載入會延遲,直到頂層頁面變得可見。
在您內嵌對應用程式特別重要的跨原始來源 iframe 的情況下,請使用此 HTTP 回應標頭,以避免延遲其載入。
另請參閱:
- MDN 中的推測規則 API。
更新的 HTML 插入和串流方法
下列 HTML 插入和串流方法提供更協調的方式,將 HTML 動態插入現有文件中:
- 定位方法:
-
setHTML()和setHTMLUnsafe() -
beforeHTML()和beforeHTMLUnsafe() -
afterHTML()和afterHTMLUnsafe() -
appendHTML()和appendHTMLUnsafe() -
prependHTML()和prependHTMLUnsafe() -
replaceWithHTML()和replaceWithHTMLUnsafe()
-
- 傳回
WritableStream物件的串流方法:-
streamHTML()和streamHTMLUnsafe() -
streamAppendHTML()和streamAppendHTMLUnsafe() -
streamPrependHTML()和streamPrependHTMLUnsafe() -
streamReplaceWithHTML()和streamReplaceWithHTMLUnsafe() -
streamBeforeHTML()和streamBeforeHTMLUnsafe() -
streamAfterHTML()和streamAfterHTMLUnsafe()
-
此外,您可以將選項設定為 runScripts [呼叫任何不安全的 HTML 插入或串流方法時], true 以允許方法以類似的方式 createContextualFragment()執行指令碼。
在這些方法之前,您已經可以使用多個斷續的 API 從指令碼動態更新 HTML,每個 API 都有其細微的差異。 例如,您可以:
- 使用
insertAdjacentHTML()部分更新元素。 - 使用
setHTML清理 HTML 。 - 使用 執行
createContextualFragment()指令碼。 - 使用分離的文件來 Stream HTML。
這類多個斷續的 API 可能令人困惑且難以使用。 如果使用不當,此類 API 也可能導致安全性問題。
另請參閱:
原始試用版
以下是可在 Microsoft Edge 中使用的新實驗性 API 的原始試用版。
原始試用版可讓您在限定的時間內,在自己的即時網站上嘗試實驗性 API。 若要深入了解原始試用版,請參閱在 Microsoft Edge 中使用原始試用版。
如需可用原始試用版的完整清單,請參閱 Microsoft Edge 原始試用版。
| 名稱 | 描述 | 登錄 |
|---|---|---|
| WebAudio 可設定轉譯 Quantum | 可讓您在建立 AudioContext 或 OfflineAudioContext時指定自訂轉譯量子大小。 |
登錄 |
| 容器計時 | 監視何時顯示帶註解的 DOM 容器,並已完成其初始繪製。 | 登錄 |
| 在長動畫框架 API 中分開樣式和版面配置持續時間 | 新增 、 forcedStyleDuration和layoutDurationforcedLayoutDuration屬性styleDuration,以進行更深入的 CSS 效能分析。 |
登錄 |
<install> HTML 元素 |
使用 element <install> ,以宣告方式將其他網站安裝為 Web 應用程式。 |
登錄 |
| 宣告式 CSS 模組指令碼 | 使用內嵌樣式模組與陰影根共用宣告式樣式表,包括宣告式陰影根。 | 登錄 |
prerender_until_script 推測規則 API 動作 |
推測規則 API 動作,會預先轉譯頁面,但在指令碼執行時切換為預先擷取。 | 登錄 |
| CPU 效能 API | 公開使用者裝置功能的相關資訊,以與計算壓力 API 搭配使用。 | 登錄 |
| 畫布中的 HTML | 啟用使用新的繪圖方法和 paint 事件在畫布中呈現 HTML。 |
登錄 |
<usermedia> HTML 元素 |
瀏覽器控制的 HTML 元素,用於請求相機或麥克風存取,取代基於 JavaScript 的權限請求。 | 登錄 |
| WebAssembly 自訂描述元 V2 | 將與來源層級類型相關聯的資料更有效率地儲存在自訂描述元物件中。 | 登錄 |
PrefetchAndPrerenderActivationBeacon |
允許 Edge 在預先擷取或預先轉譯的頁面啟用時可靠地報告啟用指標。 | 登錄 |
| 宣告式效能觀察者 API | 使用 HTTP 回應標頭來證明可靠的瀏覽器管理遙測系統,可報告網站從導覽初始化到頁面終止的效能計量。 | 登錄 |
| WebMCP | 可讓您的網站註冊工具,讓瀏覽器內代理程式代表使用者完成工作。 | 登錄 |
| Email Verification Protocol | 讓網站能夠使用電子郵件提供者所發行的密碼編譯權杖來驗證電子郵件擁有權。 這減少了對電子郵件一次性密碼 (OTP) 的依賴,並簡化了註冊、登入和復原流程。 | 登錄 |
| WebRTC 資料通道: SCTP 交涉加速通訊協定 (SNAP) | SNAP 會藉由在 SDP 提供/回應交換中內嵌 SCTP 連線設定參數,減少 WebRTC 資料通道啟動延遲。 由於 WebRTC 已經使用 DTLS 來建立安全通道,因此可以避免單獨的 SCTP 交握,從而節省多達兩次網路往返並實現更快的資料通道建立。 | 登錄 |
| WebRTC 診斷記錄 API | 收集 WebRTC 相關作業的內部診斷記錄。 | 登錄 |
| 遊戲控制器原始輸入事件 | 而不是依賴透過 navigator.getGamepads()的頻繁輪詢,網頁可以監聽 gamepadrawinputchanged 事件。 每當從相同裝置偵測到輸入框架之間的變更時,就會引發這些事件。 |
登錄 |
| 推測規則 API 中的控制檢視區啟發學習法 | 可讓您控制推測規則所使用的視埠啟發學習法,以判斷不同的啟發學習法參數是否能提供比預設參數更好的結果。 | 登錄 |
| 自動填滿事件 | 偵測瀏覽器自動填寫何時更新表單控制項,以調整自訂 UI 和驗證。 | 登錄 |
| 推測負載測量 |
performance.speculations 公開有關已使用和未使用的預載、預先擷取和預轉譯的資料。 這可協助您衡量推測載入策略的有效性,並最佳化效能與成本的權衡。 |
登錄 |
| 提示 API 取樣參數 | 和temperature取樣參數可讓您topK最佳化每個語言模型工作階段的模型行為。 |
登錄 |
| JS Self-Profiling 標記 | 使用 、 paintlayoutstylegc和 等script範例標記擴充 JS Self-Profiling API 。 這些標記會識別瀏覽器在擷取時正在執行的活動。 |
登錄 |
注意事項
本頁面的部分內容是基於 Chromium.org 創建和共享的工作進行的修改,並根據知識共享署名 4.0 國際許可證中描述的條款使用。