DevTools 的新功能 (Microsoft Edge 143)

這些是 Microsoft Edge 穩定版本中的最新開發工具功能。

在 [記憶體] 工具中檢視事件處理常式所保留的物件

在 記憶體工具中，若要識別事件處理常式所保留的堆積快照集物件，請在 [篩選] 下拉式清單中，使用新的 [事件處理常式所保留的物件] 清單項目。

例如：

  1. 在新的索引標籤或視窗中移至 To Do 應用程式 。

  2. 以滑鼠右鍵按一下網頁，然後選取 [檢查]。

    DevTools 隨即開啟。

  3. 選取 [ 記憶體 (記憶體] 圖示) 工具。

  4. 按一下 [拍攝快照] 按鈕。

  5. 在 [篩選條件 ] 下拉式清單中，選取 [所有物件]，而非 [所有物件]，請選取 [事件處理常式保留的物件]：

    事件處理常式篩選所保留的物件

    資料表中的物件清單會變短。

[ 事件處理常式保留的物件 ] 篩選器可讓您更輕鬆地偵錯與事件接聽程式相關的記憶體流失，例如當元件呼叫 addEventListener，但之後不呼叫 removeEventListener 時。

另請參閱:

已更新效能追蹤匯出選項

當您匯出效能追蹤時，您可以選擇包含：

  • 註釋。
  • 資源內容 (HTML、CSS 和 JavaScript 內容) 。
  • 指令碼來源對應。

您也可以選擇是否壓縮追蹤檔案。

與其他人共用追蹤以進行偵錯時，匯出包含此額外資料的追蹤很有用。

[儲存效能追蹤] 對話方塊

另請參閱:

活動列一律水平顯示

即將進行的變更：

從 Microsoft Edge 版本 144 開始， [活動列 ] 一律會水平顯示在開發工具視窗頂端。 不再支援垂直顯示 活動列 。

水平活動列

來自 Chromium 專案的公告

Microsoft Edge 143 也包含來自 Chromium 專案的下列更新：

另請參閱

  • 上次更新時間：