如何使用Playwright+TypeScript在测试中调整浏览器窗口大小？

Puppeteer 环境下的解决方案 #

你使用的 page.setViewportSize() 仅控制页面的渲染视口尺寸，和浏览器外层窗口的物理尺寸是分离的，所以最大化窗口时不会改变窗口本身。要修改实际浏览器窗口尺寸，可通过浏览器窗口对象的 setBounds 方法实现：

代码示例 #

// 获取当前浏览器窗口实例
const browserWindow = await page.browser().defaultBrowserContext().browserWindow();
// 设置窗口宽高（x、y参数可选，用于指定窗口位置，不填则保持当前位置）
await browserWindow.setBounds({ width: 800, height: 600 });

额外提示 #

• 该方法会自动将最大化的窗口恢复为普通状态，再调整到指定尺寸。
• 如果需要让页面渲染区域和窗口尺寸完全匹配，可在调整窗口后同步设置视口：

await browserWindow.setBounds({ width: 800, height: 600 });
await page.setViewportSize({ width: 800, height: 600 });

其他测试工具的对应方法 #

如果使用的是其他自动化测试工具，可参考以下方式：

• Selenium（Java）：

driver.manage().window().setSize(new Dimension(800, 600));

• Selenium（Python）：

driver.set_window_size(800, 600)

这些方法直接作用于浏览器窗口，会改变实际显示的窗口尺寸。

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