Microsoft Edge 新開發功能，幫手追查 SPA 卡頓、除錯及建立 AI 代理互動

Microsoft Edge 近期面向網頁開發者的更新，涵蓋效能量度、除錯、AI 代理互動和文字編輯。要留意的是，各功能的成熟度並不一樣：有些已見於 Edge 版本更新或 DevTools 文件，有些仍供試驗；原生選單元素則仍屬計劃中的功能，未宜當成正式可用功能。 16333940

SPA 站內轉頁，也可以量度效能

傳統頁面載入指標未必能反映單頁應用程式（SPA）的完整體驗：使用者在不同畫面之間切換時，網頁可能沒有重新載入整份文件。Edge 的 Performance API 新增兩類效能項目，協助開發者觀察這些變化：soft-navigation 會記錄由互動觸發、但仍在同一份文件內發生的歷史狀態變更；interaction-contentful-paint 則記錄使用者互動後，頁面受影響部分出現新內容的時間。 40

Edge 的版本說明亦提到用於 SPA 效能量度的 soft-navigation 啟發式判斷。這些資料可協助開發者查出站內轉頁何時發生、轉頁後的內容何時出現；它們是診斷線索，並不會自動替網站提升效能。 3940

JavaScript 剖析加入瀏覽器工作背景

JavaScript Self-Profiling 標記會補充 JavaScript 取樣之間的瀏覽器工作資訊，例如樣式計算、版面配置、繪製和垃圾回收。開發者因此較容易分辨時間花在應用程式程式碼，還是瀏覽器執行的其他工作。正式納入工作流程前，宜先查閱最新 Edge 文件及功能供應情況。 1

DevTools 重送或修改網絡請求

Network 工具的 Resend 指令可以在毋須重新載入頁面的情況下，再次送出已擷取的請求，方便檢查同一請求重送後的表現。 18

較新的 Edit and resend as Fetch 工作流程，則可修改已擷取的請求，再於 Console 中以 fetch() 呼叫方式試送。這些功能令請求除錯更方便，但不會令網絡連線本身加快。Microsoft 的開發者更新介紹了較新的工作流程；Edge 文件則說明如何重送請求。 118

WebMCP：讓網站向瀏覽代理提供操作

WebMCP 是一項正在發展中的做法，讓網站以結構化方式公開可供瀏覽代理使用的操作。目標是讓代理透過網站宣告的工具或操作與網站互動，而不必只靠視覺判讀頁面。Microsoft 將 WebMCP 列為早期試驗功能，開發者應視之為實驗用途，不要假設所有使用者都已能使用。 1

OpaqueRange：處理輸入框內的文字範圍

OpaqueRange 用來表示文字型 <input> 或 <textarea> 內即時更新的一段文字範圍。開發者可據此為表單控制項建立與文字位置相關的互動，例如定位介面元素或標示文字；同時毋須直接接觸控制項內部的文字節點。Microsoft 將 OpaqueRange 列入 Edge 152 的網頁平台更新。 133

Web Install API：先留意試驗條件

Web Install API 讓網站透過非同步的 navigator.install()，請求安裝另一個網頁應用程式，並使用瀏覽器內置的安裝流程。Microsoft 宣布可透過 Edge 的 origin trial（來源試驗）在網站上測試這項 API。來源試驗是供測試的途徑，並不代表所有瀏覽器都普遍支援。 6

原生 <menu> 元素仍在計劃中

Microsoft 亦提出一項計劃中的原生 <menu> 元素，目標是提供內置選單行為。這項功能目前仍屬計劃，不應視作已普遍推出，亦不宜在正式產品中依賴其行為。 1

開發者現階段可以留意甚麼？

想動手測試的話，Edge 文件已介紹 DevTools 的請求重送功能，Edge 152 更新亦列出 OpaqueRange；Web Install API 則有已公布的來源試驗途徑。至於軟導覽效能項目、WebMCP 和 JavaScript 剖析標記，使用前應確認目前版本及測試要求；原生選單元素仍只是計劃。 1618333940