記憶體面板總覽

Dale St. Marthe
Dale St. Marthe

「記憶體」面板提供診斷工具,可讓您查看 JavaScript 物件的記憶體分佈情形、找出並隔離記憶體流失情形、取得各項功能的記憶體配置分析等等。

總覽

「Memory」(記憶體) 面板可讓您擷取三種設定檔類型。以下設定檔類型會顯示不同觀點的快照,並提供不同的公用程式:

  • 堆積快照。堆積快照會顯示網頁 JavaScript 物件和相關 DOM 節點的記憶體分配情形。
  • 時間軸的配置檢測。配置時間軸會顯示檢測的 JavaScript 記憶體配置隨時間變化。系統記錄設定檔後,你可以選取時間間隔,查看這段時間內已配置且在記錄結束後仍存的物件。此設定檔類型可用來隔離記憶體流失情形。
  • 配置取樣。使用取樣方法記錄記憶體配置。這個設定檔類型的效能負擔最低,可用於長時間執行的作業。這項工具針對依 JavaScript 執行堆疊細分的配置提供了適當約略值。

您可以選擇要用來執行各個設定檔的 JavaScript VM 執行個體。

詳情請參閱:

開啟「記憶體」面板

如要開啟「Memory」面板,請按照下列步驟操作:

  1. 開啟開發人員工具
  2. 按下以下指令開啟「Command」選單
    • macOS:Command + Shift + P
    • Windows、Linux、ChromeOS:Control + Shift + P 含有
  3. 開始輸入 memory,選取「Show Memory」,然後按下 Enter 鍵。開發人員工具會在開發人員工具視窗頂端顯示「Memory」面板

或者,您也可以透過下列方式開啟「Memory」面板:

  • 在頂端的動作列中,按一下double_arrow「更多面板」,然後從下拉式清單中選取「記憶體」
  • 選取右上角的 more_vert [更多選項] > [更多工具] > [記憶體]