playwright设置窗口大小

### 如何在 Playwright 中设置浏览器窗口大小

为了控制浏览器窗口的尺寸，在启动浏览器实例时可以传递 `viewport` 参数来指定宽度和高度。这允许自动化脚本模拟不同设备下的显示效果。

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

(async () => {
    const browser = await chromium.launch();
    const context = await browser.newContext({
        viewport: { width: 1920, height: 1080 }, // 设置视口大小为 1920x1080 像素
    });
    
    const page = await context.newPage();
    await page.goto('https://example.com');
    
    // 关闭浏览器
    await browser.close();
})();

对于无头模式下运行的情况，默认情况下会启用视口，因此上述方法同样适用[^1]。如果希望完全自定义窗口行为，还可以通过调整其他参数如 `deviceScaleFactor` 来改变缩放比例[^3]。

当不使用固定视窗而是在桌面环境中打开可见浏览器时，则可以通过调用页面对象上的特定函数动态修改窗口尺寸：

await page.setViewportSize({width: 1280, height: 720});

此命令会在已加载网页之后立即生效并更新当前标签页所占用的空间大小。