Dale St. Marthe
「記憶體」面板提供診斷工具，可讓您查看 JavaScript 物件的記憶體分佈情形、探索與隔離記憶體流失情形、依照函式查看記憶體配置分析等等。
總覽
「Memory」(記憶體) 面板可讓您擷取三種剖析類型。這些剖析類型會顯示不同觀點的快照，並提供不同的公用程式：
- 堆積快照。堆積快照會顯示網頁 JavaScript 物件和相關 DOM 節點之間的記憶體分佈情形。
- 時間軸上的配置檢測。配置時間軸顯示在一段時間內，檢測的 JavaScript 記憶體配置。系統記錄設定檔後，你可以選取時間間隔，查看這段期間內配置的物件，且在記錄結束後仍可使用。此設定檔類型可用來隔離記憶體流失問題。
- 配置取樣。使用取樣方法記錄記憶體配置。這種設定檔類型的效能負擔最低，可用於長時間執行的作業。這項工具針對依 JavaScript 執行堆疊細分的配置提供了適當約略值。
您可以選取 JavaScript VM 執行個體來執行這些設定檔。
詳情請參閱：
開啟「Memory」面板
如要開啟「Memory」面板，請執行下列操作：
- 開啟開發人員工具。
- 按下以下按鍵開啟「指令選單」：
- macOS：Command + Shift + P 鍵
- Windows、Linux、ChromeOS：Control + Shift + P
鍵
- 開始輸入
memory，選取「顯示記憶體」，然後按下 Enter 鍵。開發人員工具會在開發人員工具視窗頂端顯示「Memory」面板。
您也可以透過下列方式開啟「Memory」面板：
- 在頂端的動作列中，按一下 double_arrow「更多面板」，然後在下拉式清單中選取「記憶體」。
- 依序選取右上角的 more_vert「更多選項」 >「更多工具」 >「記憶體」。