Edge浏览器如何查看当前页面所占用的详细内存资源？

说到定位网页内存泄漏这事儿，不少人的第一反应都是打开浏览器的任务管理器瞄一眼。但你光看那个“内存占用”的总数值，其实很容易漏掉真正的问题线索。必须拆开来看两列关键数据：

和。记住，括号里那个“活动内存”才是追踪JS对象的真正杀手锏，它要是持续上涨，那就得警惕了。

当你发现某个网页打开后电脑像拖拉机一样嗡嗡响，或者只是想确认当前页面到底在偷偷吃多少资源，直接看任务管理器的“内存”总值是看不出来的。必须拆开来看

和这两项，才能真正抓住内存泄漏的狐狸尾巴。

调出浏览器任务管理器并启用Ja vaScript内存列

Edge自带的任务管理器默认只展示一个“内存”综合值，这个数字包含了DOM节点、图像解码缓冲区等琐碎开销，但JS对象实际占用的那一块——恰巧是泄漏最常藏身的地方——它根本不管。好在我们有办法让它现原形。

1、直接按

，比从菜单一层层点进去快1秒，卡顿的时候这1秒能救命。

2、在弹出的任务管理器窗口里，

，然后在菜单里勾选上“Ja vaScript 内存”。

3、列表里会多出一列，显示格式是“总内存 (活动内存)”，比如“124.5 MB (89.2 MB)”。记住，

，它代表当前还在被访问的JS对象实际占用，一旦持续上涨，基本可以断定泄漏存在。

定位当前标签页对应进程行

任务管理器里几十行进程，必须精准锁定你正看的这个网页，而不是后台那些偷偷下载东西的标签页或者广告插件。

1、在任务管理器里，找到“类型”列显示为“标签页”的那些行；
2、看“名称”列，跟你地址栏里的网页标题一致的那行就是目标；
3、如果标题被截断了，鼠标悬停上去会浮出完整标题，凭标题就近锁定就行。

1、在当前网页按打开开发者工具；
2、切换到“调试器”或“控制台”选项卡，输入window.performance.memory然后回车；
3、记下返回对象里的jsHeapSizeLimit和totalJSHeapSize这两个值；
4、回到任务管理器，找到“Ja vaScript 内存”列数值最接近totalJSHeapSize的那个“标签页”行——错不了，就是它。

对比本机内存与JS堆内存变化趋势

只看一个静态数值没意义，核心看点在于操作页面时，两列数据如何响应。

1、在目标网页按强制刷新，绕过缓存，从零开始；
2、等页面完全加载完，记下此时“内存”列（本机内存）和“Ja vaScript 内存”列（活动内存）的初始值。

1、滚动页面到底部，再滚回顶部；
2、找个会动态加载内容的按钮点一点（比如“加载更多”）；
3、重复操作3次；
4、每次操作后暂停2秒，盯住两列数值：。

1、别关开发者工具（F12）；
2、切换到“内存”选项卡；
3、点左上角那个垃圾桶图标，强制执行一次垃圾回收；
4、立刻返回任务管理器看“Ja vaScript 内存”的活动值——