這些是 Microsoft Edge DevTools 穩定版的最新功能。
在記憶體工具中檢視事件處理器所保留的物件
在 記憶體工具中,要識別事件處理程式保留的堆積快照物件,在 篩選 下拉選單中,使用新的事件 處理 程序保留物件清單項目。
例如:
在新分頁或視窗中進入 「待辦事項應用程式 」。
右鍵點擊網頁,然後選擇 檢查。
DevTools 開啟。
選擇 記憶體 (
) 工具。點擊 「拍攝快照 」按鈕。
在篩選器下拉選單中,選擇事件處理程序保留的物件,而非全部物件:
表格中的物件列表會變短。
事件 處理程序 保留的物件過濾器讓除錯與事件監聽器相關的記憶體洩漏變得更容易,例如元件呼叫 addEventListener,但之後未呼叫 removeEventListener 。
更新的效能追蹤匯出選項
當您匯出效能追蹤時,可以選擇包含:
- 註。
- 資源內容 (HTML、CSS 及 JavaScript 內容) 。
- 腳本來源地圖。
你也可以選擇追蹤檔案是否被壓縮。
匯出包含這些額外資料的追蹤,在與他人分享追蹤以供除錯時非常有用。
另請參閱:
活動列總是水平顯示
即將變動:
從 Microsoft Edge 144 開始, 活動列 將永遠水平顯示在 DevTools 視窗的頂端。 活動 欄 垂直顯示將不再支援。
Chromium 計畫的公告
Microsoft Edge 143 也包含 Chromium 專案的以下更新: