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