以下是 2026 年 9 月 24 日發行的 Microsoft Edge 154 中的新 Web 平台功能和更新。
若要保持最新狀態並取得最新的 Web 平台功能,請下載 Microsoft Edge (Beta、Dev 或 Canary) 的預覽通道;移至 成為 Microsoft Edge 測試人員。
詳細內容:
Microsoft Edge 開發工具
查看 Microsoft Edge DevTools 的新增功能。
WebView2
請參閱:
CSS 功能
Microsoft Edge 中包含下列新的階層式樣式表 (CSS) 功能。
scroll-marker-group 模式
屬性現在 scroll-marker-group 支援兩種模式: links 和 tabs。
links:產生::scroll-marker-group的功能,例如瀏覽清單。 這是預設模式。此模式旨在模擬與片段錨點結合的標準導覽地標。
取得
::scroll-marker-group導覽角色,::scroll-marker元素取得連結角色,符合<nav><a>結構模式。所有元素都會
::scroll-marker變成連續定位點,啟用後,會將循序焦點導覽起點設定為目標元素,失去其自己的焦點。 這符合按一下<a href="#target">連結的行為。tabs:產生::scroll-marker-group的功能,例如索引標籤清單。此模式是專為複寫定位點模式而設計。
會
::scroll-marker-group取得 Tablist 角色,::scroll-marker元素會取得索引標籤角色,而其原始元素會取得 Tabpanel 角色。若要模仿索引標籤面板的行為,從使用中標記按 Tab 鍵,會將焦點直接移至使用中的索引標籤面板內容。 來自非使用中索引標籤的內容會明確地在協助工具樹狀目錄中隱藏。
另請參閱:
text-decoration-skip-spaces
CSS 屬性可 text-decoration-skip-spaces 控制文字裝飾行是否 (底線、上劃線或直通) 跳過空白字元。
這使您可以防止在空白字元上繪製裝飾線,以獲得更具視覺吸引力的結果。
另請參閱:
-
跳過空格:
text-decoration-skip-spacesCSS 文字裝飾模組層級 4 中的屬性。
text-decoration-inset
text-decoration-inset CSS 屬性可控制底線、上劃線和貫穿裝飾從裝飾文字的邊緣內嵌或延伸多遠。
text-decoration-inset CSS 屬性支援下列項目:
-
auto. - 長度值。
- 百分比值。
- 用於設定開始和結束位移的單值和雙值語法。
這可讓您調整裝飾間距,並使用原生文字裝飾(而不是背景漸層或其他元素)建立顯示效果。
另請參閱:
- text-decoration-inset CSS 屬性 。 這可讓您調整裝飾間距,並使用原生文字裝飾建立顯示效果,而不是背景漸層或其他元素。
FontFace 寬度屬性和字型寬度描述元
width API 中的FontFace屬性和font-width描述元中的@font-face屬性現在是屬性和font-stretch屬性的stretch別名。
這會使 Microsoft Edge 與更新的 CSS 字型載入和 CSS 字型 4 規格保持一致。
您現在可以使用屬性和 font-width CSS 屬性來FontFace.width檢查或初始化字型寬度。
另請參閱:
- MDN 的 FontFace。
- FontFace: MDN 上的 stretch 屬性。
- font-width CSS 在規則描述元 。
向背景工作內容公開 CSSStyleValue 階層
除了視窗和工作組範圍之外,下列建構函式現在也公開在工作者全域範圍中:
CSSKeywordValueCSSNumericValueCSSStyleValueCSSUnitValueCSSUnparsedValue
這些建構函式是 CSS 型別物件模型規格的一部分。
這使得 Microsoft Edge 和 Chromium 與 Firefox 和 Safari 相容。
另請參閱:
- CSS 型別物件模型 API,位於 MDN。
- MDN 的 CSSKeyword值 。
- MDN 的 CSSNumericValue 。
- MDN 的 CSSStyleValue 。
- MDN 的 CSSUnitValue。
- MDN 的 CSSUnparsedValue 。
HTML 功能
Microsoft Edge 中包含下列新的 HTML 功能。
回應式大小 <iframe>
frame-sizing CSS 屬性會<iframe>選擇元素採用回應式大小調整。
當回應式調整大小時, <iframe> 元素在父文件中的大小會調整為 iframe 文件的大小,以避免 iframe 中的捲軸。
另請參閱:
彈出視窗和對話方塊的輕度關閉改善
輕度關閉 是指按一下彈出視窗或對話方塊外部會將其關閉的行為。
已在 Microsoft Edge 154 中改善彈出視窗和對話方塊的淺色關閉行為。 下列動作不會再觸發淺色關閉:
- 觸控式螢幕上的捲動手勢
- 按一下滑鼠右鍵
另請參閱:
- MDN 的彈出視窗 API。
- <對話方塊> HTML 對話方塊元素 。
Web API
Microsoft Edge 中包含下列新的 Web API 功能。
WebSocket 建構函式中的 Options 引數
WebSocket建構函式現在接受物件option作為其第二個引數,用於將其他選項傳遞給WebSocket連線。 這是現有建構函式簽章的擴充功能,先前只接受用於指定子通訊協定的 a string 。
指定子通訊協定現在可以使用下列兩種方式之一來撰寫:
// Using the existing string argument for subprotocols.
const socket = new WebSocket("wss://example.com:8080", "soap");
// Using the new option bag argument for subprotocols.
const socket = new WebSocket("wss://example.com:8080", { protocols: "soap" });
另請參閱:
- MDN 的 WebSocket。
targetAddressSpace WebSockets 的選項
呼叫WebSocket建構函式時,請使用targetAddressSpace選項來指定WebSocket公用主機名稱的連線應視為前往「本機」或「回送」目的地。
例如,連線到本機伺服器的公用網站可以使用主機名稱,以避免手動設定要使用的確切私人 IP 位址,如下所示:
const ws = new WebSocket("ws://local-server.example", { targetAddressSpace: "local"});
這符合擷取 API 上的類似支援。
常見的使用案例是在連線到尚不支援 HTTPS 的本機伺服器時繞過混合內容限制。
使用者必須授與網站存取區域網路的權限。
另請參閱:
- MDN 的 WebSocket。
- 要求:MDN 的 targetAddressSpace 屬性。
新的 Web 密碼編譯演算法
Web 密碼編譯 API 現在支援下列新的密碼編譯演算法:
- 後量子密碼編譯
- 通用對稱式 AEAD
這可讓您存取由 NIST 標準化的常見抗量子密碼編譯演算法的瀏覽器提供實作:
- ML-KEM - 768、1024
- ML-DSA - 44、65、87
- ChaCha20-Poly1305
- X-Wing
另請參閱:
- MDN 上的加密。
背景擷取 API 的 CORS 強制執行
背景擷取 API 現在會強制執行跨原始來源資源共用 (CORS) 。
這可確保背景擷取請求受到相同的安全策略的約束,例如本地網路存取檢查。 這可防止網站使用背景擷取而非一般擷取來略過 CORS (和其他安全性原則檢查) 。
另請參閱:
- MDN 的背景擷取 API。
- 在 MDN 擷取 API。
- 擷取 標準。
- 跨原始來源資源共用 (MDN 的 CORS) 。
背景擷取的本機網路存取限制
背景擷取 API 現在要求服務工作者的來源具有必要的本機網路存取權限,才能將要求傳送至本機或回送伺服器。
這會使背景擷取 API 與擷取 API 保持一致。 這可防止網站使用背景擷取 API 略過本機網路存取檢查。
另請參閱:
擷取 API:從 AbortController 轉送原因以擷取回應
實例的AbortController中reason止現在提供給物件及其ResponseReadableStream方法,而不僅僅是提供給 fetch promise。
另請參閱:
- 在 MDN 擷取 API。
- AbortController: 在 MDN 中止 () 方法。
Iterator.includes
JavaScript 反覆運算器現在支援此 includes() 方法,可讓您詢問反覆運算器是否會產生指定值。
這個方法類似於 includes() 物件上 Array 的方法。
另請參閱:
原始試用版
以下是可在 Microsoft Edge 中使用的新實驗性 API 的原始試用版。
原始試用版可讓您在限定的時間內,在自己的即時網站上嘗試實驗性 API。 若要深入了解原始試用版,請參閱在 Microsoft Edge 中使用原始試用版。
如需可用原始試用版的完整清單,請參閱 Microsoft Edge 原始試用版。
| 名稱 | 描述 | 登錄 |
|---|---|---|
| 增強型畫布 TextMetrics | 展開 TextMetrics Canvas API,新增選取矩形、邊界方塊查詢和字符叢集作業。 | 登錄 |
| 容器計時 | 監視何時顯示帶註解的 DOM 容器,並已完成其初始繪製。 | 登錄 |
| 在長動畫框架 API 中分開樣式和版面配置持續時間 | 新增 、 forcedStyleDuration和layoutDurationforcedLayoutDuration屬性styleDuration,以進行更深入的 CSS 效能分析。 |
登錄 |
<install> HTML 元素 |
使用 element <install> ,以宣告方式將其他網站安裝為 Web 應用程式。 |
登錄 |
| 宣告式 CSS 模組指令碼 | 使用內嵌樣式模組與陰影根共用宣告式樣式表,包括宣告式陰影根。 | 登錄 |
| 數位認證 API - 發行支援 | 觸發從憑證簽發者伺服器向數位錢包應用程式發行使用者憑證。 | 登錄 |
prerender_until_script 推測規則 API 動作 |
推測規則 API 動作,會預先轉譯頁面,但在指令碼執行時切換為預先擷取。 | 登錄 |
| 推測規則 API 中的控制檢視區啟發學習法 | 可讓您控制推測規則所使用的視埠啟發學習法,以判斷不同的啟發學習法參數是否能提供比預設參數更好的結果。 | 登錄 |
| 推測負載測量 |
performance.speculations 公開有關已使用和未使用的預載、預先擷取和預轉譯的資料。 這可協助您衡量推測載入策略的有效性,並最佳化效能與成本的權衡。 |
登錄 |
PrefetchAndPrerenderActivationBeacon |
允許 Edge 在預先擷取或預先轉譯的頁面啟用時可靠地報告啟用指標。 | 登錄 |
| 畫布中的 HTML | 啟用使用新的繪圖方法和 paint 事件在畫布中呈現 HTML。 |
登錄 |
| 自動填滿事件 | 偵測瀏覽器自動填寫何時更新表單控制項,以調整自訂 UI 和驗證。 | 登錄 |
| WebAssembly 自訂描述元 V2 | 將與來源層級類型相關聯的資料更有效率地儲存在自訂描述元物件中。 | 登錄 |
| WebMCP | 可讓您的網站註冊工具,讓瀏覽器內代理程式代表使用者完成工作。 | 登錄 |
| Email Verification Protocol | 讓網站能夠使用電子郵件提供者所發行的密碼編譯權杖來驗證電子郵件擁有權。 這減少了對電子郵件一次性密碼 (OTP) 的依賴,並簡化了註冊、登入和復原流程。 | 登錄 |
| WebRTC 資料通道: SCTP 交涉加速通訊協定 (SNAP) | SNAP 會藉由在 SDP 提供/回應交換中內嵌 SCTP 連線設定參數,減少 WebRTC 資料通道啟動延遲。 由於 WebRTC 已經使用 DTLS 來建立安全通道,因此可以避免單獨的 SCTP 交握,從而節省多達兩次網路往返並實現更快的資料通道建立。 | 登錄 |
| WebRTC 診斷記錄 API | 收集 WebRTC 相關作業的內部診斷記錄。 | 登錄 |
| 遊戲控制器原始輸入事件 | 而不是依賴透過 navigator.getGamepads()的頻繁輪詢,網頁可以監聽 gamepadrawinputchanged 事件。 每當從相同裝置偵測到輸入框架之間的變更時,就會引發這些事件。 |
登錄 |
| 預先轉譯跨原始來源 iframe | 透過選擇加入的回應標頭預先轉譯跨原始來源 iframe,而不是延遲到頁面啟用。 | 登錄 |
| 提示 API 取樣參數 | 和temperature取樣參數可讓您topK最佳化每個語言模型工作階段的模型行為。 |
登錄 |
| JS Self-Profiling 標記 | 使用 、 paintlayoutstylegc和 等script範例標記擴充 JS Self-Profiling API 。 這些標記會識別瀏覽器在擷取時正在執行的活動。 |
登錄 |
| 宣告式效能觀察者 API | 使用 HTTP 回應標頭來證明可靠的瀏覽器管理遙測系統,可報告網站從導覽初始化到頁面終止的效能計量。 | 登錄 |
注意事項
本頁面的部分內容是基於 Chromium.org 創建和共享的工作進行的修改,並根據知識共享署名 4.0 國際許可證中描述的條款使用。