必须启用Memory面板的完整采集能力，具体路径包括：一、启动无痕模式并禁用干扰插件；二、启用Memory面板并勾选“Allocation instrumentation on timeline”；三、执行基线态→操作态→回收后态三次快照；四、用Performance面板同步录制内存与DOM节点时间轴；五、通过Chrome任务管理器比对进程级内存指标。
如果您在使用谷歌浏览器时发现页面响应迟缓、内存持续增长或疑似存在未释放资源，需主动抓取并分析内存泄漏行为，则必须启用Memory面板的完整采集能力。以下是开启页面内存泄漏抓取与分析的具体操作路径：
一、启动无痕模式并禁用干扰插件
无痕模式可排除浏览器扩展对内存行为的干扰，确保采集数据纯净可靠。插件可能注入脚本、监听事件或缓存DOM节点，导致内存曲线失真。
1、点击Chrome右上角三个点图标，选择“新建无痕窗口”。
2、在无痕窗口中访问目标网页。
3、按 F12 打开开发者工具，确认右上角未显示任何扩展图标提示。
二、启用Memory面板并配置采集参数
Memory面板默认仅提供快照功能，需手动激活高级采集选项才能捕获动态分配行为和保留路径细节。
1、在开发者工具中切换至 Memory 标签页。
2、勾选 “Allocation instrumentation on timeline” 复选框（若未显示，请点击右上角三点菜单 → “More tools” → “Rendering” → 确保“Paint flashing”等渲染调试项未强制占用资源）。
3、点击 “Collect garbage” 按钮手动触发一次垃圾回收，清空临时对象。
三、执行三次关键内存快照采集
三阶段快照法可有效识别增量泄漏：基线态→操作态→回收后态，排除GC延迟导致的误判。
1、点击 “Take snapshot” 拍摄第一张快照，命名为 “Baseline”。
2、执行典型用户操作（如打开关闭弹窗5次、滚动长列表、切换Tab等）。
3、再次点击 “Collect garbage”，等待约3秒后拍摄第二张快照，命名为 “After Action”。
4、保持页面静止60秒，再点击 “Collect garbage” 并拍摄第三张快照，命名为 “Post-GC”。
四、使用Performance面板同步录制内存时间轴
Performance面板的时间轴视图可呈现内存、DOM节点、监听器三类指标的毫秒级变化，用于定位泄漏发生的具体交互时刻。
1、切换至 Performance 标签页。
2、勾选 “Memory” 和 “Screenshots” 复选框。
3、点击圆形录制按钮 ●，立即执行相同操作序列。
4、操作结束后立刻点击方形停止按钮 ■，等待分析完成。
5、在底部图表中定位 “JS Heap” 与 “Nodes” 曲线是否出现“只升不降”阶梯状走势。
五、通过Chrome任务管理器实时监控进程级内存
任务管理器提供底层内存视图，可验证DevTools数据是否受浏览器自身缓存机制影响，尤其适用于识别DOM节点未释放类泄漏。
1、在Chrome任意标签页中按 Shift + Esc 打开任务管理器。
2、右键表头，勾选 “Memory footprint” 和 “JavaScript memory”。
3、刷新目标页面，观察两列数值是否同步增长；若 “Memory footprint” 持续上升而 “JavaScript memory” 基本平稳，高度提示存在 Detached DOM trees 泄漏。
