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

你有没有遇到过这种情况：某个网页一打开，风扇就开始咆哮，页面卡顿得像幻灯片，甚至系统直接弹窗警告“此网页正占用大量内存”？这时候，第一反应肯定是想揪出到底是哪个页面在作妖。但问题来了——Safari并不像其他浏览器那样，在顶层工具栏上直接给你一个页面级的实时CPU或内存监控面板。想要精准定位，就得动用点“专家手段”。

先说操作入口：你需要启用Safari的开发者工具，然后打开Web检查器的Performance面板，勾选Memory和CPU两个选项后录制操作。录制结束后，把鼠标悬停在时间轴曲线上，就能直接读取瞬时CPU百分比和JS Heap内存值。一个小技巧：最好先打开检查器再刷新页面，否则加载初期的峰值可能悄悄溜走。

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

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

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

Performance面板是Safari原生工具中唯一能同时记录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就是那个吃尽资源的“罪魁祸首”。