這些是 Microsoft Edge DevTools 穩定版的最新功能。
postMessage 事件與處理器與其他事件有所區別
新的實驗 Performance 面板:show postMessage dispatch and handling flows 改進 了 Performance 工具 的 Main 區塊,幫助你快速識別 postMessage 事件與處理程序,透過區分由 postMessage 方法觸發的事件與 Performance 工具中顯示的其他事件。 這個實驗幫助你調查與應用程式不同執行緒之間發布訊息相關的效能問題,以及在視窗、iframe 和專用工作者之間查看訊息。
若沒有此實驗,透過派遣與處理應用程式執行緒間訊息所觸發的事件,會呈現為通用腳本函式呼叫事件。 啟用此實驗後:
-
postMessage派遣事件會以 Schedule postMessage 形式出現。 -
postMessage處理事件會以 訊息顯示:
這個實驗幫助你調查呼叫發生的時間 postMessage ,以及訊息在處理器開始前排隊 postMessage 了多久。 派遣事件透過點擊任一事件類型的發起者箭頭與處理事件連結:
要使用此功能,請在 DevTools 中選擇自訂與控制 DevTools () > 設定>實驗中的
,勾選 Performance 面板的勾選框:顯示 postMessage 發送與處理流程,點擊關閉 (X) 按鈕,然後點擊重新載入 DevTools 按鈕。
另請參閱:
在活動欄中用右鍵點擊分頁,將分頁向左或向右移動
在 Microsoft Edge 124 之前,你只能透過拖曳來重新排列活動 列 中的分頁。 對於使用軌跡球或頭指筆等輸入裝置的使用者來說,這可能會比較困難。 現在,你也可以透過右鍵點擊分頁,然後選擇 「向左移動 」或「 向右移動」來移動分頁:
另請參閱:
- 在 DevTools 概覽的活動列中釘選並重新排列工具。
網路分頁在使用覆蓋或限速時會顯示警告圖示
最近的版本在使用覆蓋或限速時, 網路工具的 分頁不再顯示警告圖示。 我們已修正此問題。 當你在 來源 工具中啟用本地覆寫時, 網路 標籤現在會顯示一個警告圖示:
另外,當你在 網路 工具中開啟限速時, 網路 標籤現在會顯示一個警告圖示:
另請參閱:
- 覆蓋網頁資源的本地副本 (覆蓋標籤)
- 在網路特徵參考中模擬緩慢的網路連線。
Chromium 計畫的公告
Microsoft Edge 124 也包含 Chromium 專案的以下更新:
- 新的自動填充面板
- WebRTC 強化網路限速
- 動畫面板中支援捲動驅動的動畫
- Elements > Styles 中改進的 CSS 巢狀支援
- 強化表現小組
- 記憶體 > 堆積快照中特殊類別的工具提示
- 應用程式 > 儲存更新
- 覆蓋面板改進
- JavaScript Profiler 棄用:第四階段,最終版