如何为Playwright测试设置显示器刷新率？

Playwright本身没有直接提供设置刷新率的API，但可以通过Chromium的命令行参数或DevTools协议来模拟不同刷新率环境，以下是两种可行方案：

方案一：用Chromium命令行参数强制限制帧率 #

Chromium支持--max-frame-rate参数，能直接将渲染帧率限制在指定数值，requestAnimationFrame会遵循这个限制运行。启动Playwright时添加该参数即可：

const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch({
    args: ['--max-frame-rate=60'] // 按需设置帧率，比如30、60、120
  });
  const context = await browser.newContext();
  // 执行你的测试逻辑
  await browser.close();
})();

这个方法在无头模式下同样生效，适合CI环境快速配置。

方案二：通过DevTools协议模拟刷新率 #

利用Chrome DevTools的Emulation API，可精准设置屏幕刷新率，步骤如下：

const { chromium } = require('playwright');

(async () => {
  const browser = await chromium.launch();
  const context = await browser.newContext();
  const page = await context.newPage();
  
  // 连接到DevTools会话
  const client = await page.context().newCDPSession(page);
  // 设置目标刷新率（单位Hz）
  await client.send('Emulation.setDisplayFeatures', {
    features: [{
      name: 'refreshRate',
      value: 60 // 替换为你需要的刷新率数值
    }]
  });
  
  // 运行测试逻辑，比如打开目标页面
  await page.goto('你的测试页面地址');
  
  await browser.close();
})();

Emulation.setDisplayFeatures是专门针对显示特性的API，能准确模拟不同屏幕的刷新率，让requestAnimationFrame按设定频率触发。

注意事项 #

• --max-frame-rate参数操作简单，适合快速固定帧率；DevTools协议方式更灵活，能配合其他设备模拟参数使用。
• 无头模式下Chromium默认可能会降帧节省资源，强制设置帧率后可保证测试一致性。
• 确保使用的Chromium版本支持对应API（较新版本均已兼容）。

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