如何手动冻结页面？chrome://discards无Freeze按钮怎么模拟frozen状态？

不显示 Freeze 按钮的原因 #

• Chrome 90 及以上版本对 chrome://discards 页面的功能做了调整，原列表视图的 Freeze 操作按钮默认隐藏，相关操作入口迁移到了图表视图下
• 当前处于活跃状态的前台标签页不支持冻结，对应的 Freeze 按钮会默认不展示，只有后台标签页才会显示操作入口

模拟页面 frozen 状态的方法 #

方法1：通过 chrome://discards 操作 #

1. 打开你需要调试的目标页面，之后新开一个标签页作为操作页，保证目标页面处于后台非活跃状态
2. 在操作页的地址栏输入 chrome://discards 进入页面管理页
3. 点击页面顶部的「Graph view」切换到图表视图，找到对应目标页面的节点，右键点击节点即可看到 Freeze 选项，点击即可触发页面冻结

方法2：通过 DevTools 直接模拟（更便捷） #

1. 打开目标页面，按下 F12 或 Ctrl+Shift+I 调出 DevTools 开发者工具
2. 按下 Ctrl+Shift+P 调出命令面板，输入关键词 Freeze，找到并选中「Freeze page」选项即可立刻将当前页面置为 frozen 状态
3. 若需要解冻页面，调出命令面板输入 Resume，选中「Resume page」即可恢复页面正常运行

可以在控制台执行代码 document.addEventListener('freeze', () => console.log('frozen 事件已触发')) 验证冻结操作是否生效

内容的提问来源于stack exchange，提问作者Aleksandr Tichon