方法一，使用 Chrome 内置的任务管理器（最常用、最直接）

这是查看每个标签页、扩展程序内存占用的最佳工具。

1. 打开任务管理器：

   • 方法A：点击浏览器右上角的 三个点菜单 → 选择 “更多工具” → 点击 “任务管理器”。
   • 方法B：使用快捷键 Shift + Esc（Windows/Linux）或 Shift + Esc（在Chrome激活状态下，Mac也适用）。

2. 查看内存信息：

   • 默认会显示“内存占用空间”，这是进程使用的物理RAM。
   • 右键点击表头，可以勾选更多内存相关的列：
     • 内存占用空间：当前使用的物理内存。
     • CPU：进程的CPU占用率。
     • JavaScript 内存：分为“已分配”和“已使用”,可以观察内存泄漏。
     • 图像缓存、脚本缓存等。

优点：快速定位哪个标签页或扩展程序内存占用高,方便关闭。

使用开发者工具（适合网页开发者深入分析）

如果你想分析某个特定网页的内存使用细节（如JS堆、DOM节点、缓存等）,需要使用开发者工具。

1. 打开开发者工具：

   • 在目标网页上，按 F12 或 Ctrl+Shift+I （Windows/Linux）/ Cmd+Option+I （Mac）。
   • 或者右键点击页面，选择“检查”。

2. 使用 Performance 面板（监控一段时间内的内存变化）：

   • 切换到 “Performance” 面板。
   • 勾选 “Memory” 复选框。
   • 点击 “开始录制” 按钮，然后进行页面操作（如滑动、点击等）。
   • 操作结束后停止录制，你会在下方看到一个详细的时间线图，显示 JS堆大小、文档、DOM节点、事件监听器 等随时间的变化,非常适合发现内存泄漏。

3. 使用 Memory 面板（拍摄内存快照进行详细分析）：

   • 切换到 “Memory” 面板。
   • 你可以选择三种模式：
     • Heap snapshot： 拍摄当前JS对象堆的快照,查看对象类型和内存分配。
     • Allocation instrumentation on timeline： 实时记录内存分配的时间线和调用栈,精确定位哪些函数在分配内存。
     • Allocation sampling： 使用采样方法记录内存分配,开销较小。

通过系统任务管理器查看浏览器进程

你可以看到 Chrome 在系统中整体和分进程的内存占用。

• Windows： 按 Ctrl+Shift+Esc 打开任务管理器，在“进程”标签页下找到所有 Chrome 进程，注意：Chrome 是多进程架构，会有多个进程（一个主进程、每个标签页一个渲染进程、每个扩展程序可能有一个进程等）。
• macOS： 打开“活动监视器”，在进程列表中找到 Google Chrome Helper (Renderer)、Google Chrome 等进程。

优点：了解 Chrome 对系统整体资源的消耗。

使用 Chrome 特殊页面 chrome://memory

在地址栏输入：

chrome://memory

此页面会显示：

• 本进程内存信息： 当前标签页的内存使用情况。
• 其他浏览器的内存信息（如果安装了其他基于Chromium的浏览器，如Edge、Brave等）。
• 进程的详细转储信息。

这个页面信息比较底层和全面,但可能对普通用户不太友好。

总结与建议

小提示：

• Chrome 的多进程架构意味着一个标签页崩溃不会影响其他标签页,但也导致了较高的内存开销。
• 安装大量扩展程序会显著增加内存占用，建议定期在 chrome://extensions/ 中管理或禁用不常用的扩展。