Dale St. Marthe
「Memory」面板提供診斷工具，可讓您查看 JavaScript 物件的記憶體分布情形、發現並隔離記憶體流失情形、取得記憶體分配的細目資料等。
總覽
您可以使用「Memory」面板擷取四種設定檔類型。以下設定檔類型會顯示不同觀點的快照，並提供不同的公用程式：
- 堆積快照：顯示網頁上 JavaScript 物件和相關 DOM 節點的記憶體分布情形。
- 時間軸上的配置檢測：顯示在不同時間執行的 JavaScript 記憶體配置。系統記錄設定檔後，你可以選取時間間隔，查看這段時間內已配置且在記錄結束後仍存的物件。此設定檔類型可用來隔離記憶體流失問題。
- 分配取樣：使用取樣方法記錄記憶體配置。這種設定檔類型的效能負載最低，可用於長時間執行的作業。這項工具針對依 JavaScript 執行堆疊細分的配置提供了適當約略值。
- 已卸離的元素：顯示由 JavaScript 參照保留的物件。
您可以選取 JavaScript VM 執行個體，以便執行每個設定檔。
如需更多資訊，請參閱：
開啟「記憶體」面板
如何開啟「回憶集錦」面板：
- 開啟開發人員工具。
- 按下以下按鍵，開啟指令選單：
- macOS：Command + Shift + P 鍵
- Windows、Linux 和 ChromeOS：Control + Shift + P 鍵
- 開始輸入
memory，選取「Show Memory」，然後按下 Enter 鍵。開發人員工具會在開發人員工具視窗頂端顯示「Memory」面板。
或者，您也可以透過下列方式開啟「Memory」面板：
- 在頂端的操作列中，按一下「更多面板」，然後在下拉式清單中選取「記憶體」。
- 依序選取右上角的「more_vert」「更多選項」>「更多工具」 >「記憶體」。