如何在Safari浏览器中查看当前网页的实时CPU与内存消耗数据

Safari需启用开发菜单并打开Web检查器的Performance面板，勾选Memory和CPU后录制操作，悬停曲线可读取瞬时CPU百分比与JS Heap内存值；建议先开检查器再刷新页面以避免峰值丢失。

当你发现某个网页打开后风扇狂转、页面卡顿、甚至弹出“此网页正占用大量内存”提示，需要立刻确认它到底吃了多少CPU和内存——Safari本身不提供单页级实时监控面板，但可通过启用开发者工具+Web检查器中的Performance面板精准抓取这两项核心指标。

启用开发菜单并打开Web检查器

没有开发菜单，后续所有性能数据都无法采集。这一步是硬性前提，跳过则整个流程中断。
点击顶部菜单栏Safari → 设置 → 高级，勾选【在菜单栏中显示‘开发’菜单】。
关闭设置窗口，随便打开一个网页（比如safari://extensions），再点顶部“开发”→“显示网页检查器”。

用Performance面板捕获实时CPU与内存消耗

Performance面板是唯一能同时记录JS堆内存、主线程CPU使用率、渲染帧率的原生工具，必须勾选对应选项才能采集数据。

第一步：在网页检查器中切换到Performance标签页，确保勾选【Memory】和【CPU】两项（不勾选则不会记录任何内存或CPU数据）。

第二步：点击左上角灰色圆形录制按钮→回到目标网页执行典型操作（如滚动、点击交互按钮、播放视频）→持续10秒以上→再次点击录制按钮停止。

第三步：停止后，在下方时间轴中把鼠标悬停在CPU曲线（红色）和JS Heap曲线（蓝色）上，直接读出毫秒级瞬时值：CPU百分比显示为“Main Thread: 78%”，内存显示为“JS Heap: 42.3 MB”。

注意：若页面已加载完成再打开检查器，早期阶段的CPU峰值可能丢失；建议先打开检查器再刷新页面。

快速验证是否为当前标签页独占高资源

方法一：快捷键Option + Command + I打开Web检查器，立即切到Performance页并点击录制——这能避开页面加载完成后的数据截断问题。

方法二：按Command + Shift + A打开Activity Monitor（活动监视器），在“进程”列表中找到“WebContent”进程，右键→“在访达中显示”可定位到具体网页URL（需提前在Safari偏好设置→标签页中勾选“在标签页标题中显示完整网站名称”）。

方法三：在Activity Monitor中直接排序“% CPU”或“内存”列，找到占用最高的WebContent进程，双击查看其“打开的文件和端口”，第一行URL即为罪魁祸首。