記憶體面板總覽
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
「記憶體」面板提供診斷工具,可讓您查看 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「更多選項」 >「更多工具」 >「記憶體」。
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2024-02-21 (世界標準時間)。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]