puppeteer - puppeteer 中未使用的窗口空间(非 headless )

Question

我在非 headless 模式下运行 puppeteer，并且对于大多数页面，Chrome 窗口的右侧部分未使用/空白:

虽然我不确定这一点，但看起来这个空间应该被开发工具占用，但实际上没有打开开发工具。

这就是我开始 puppeteer 操作的方式(没什么花哨的):

  const browser = await launch({
    headless: false,
    args: [
      "--start-maximized"
    ]
  })

知道原因以及如何修复这个“死”用户界面空间吗？

Answer 1

puppeteer 中的默认视口(viewport)尺寸为 800x600 像素。您可以更改它:

const page = await browser.newPage();
await page.setViewport({
  width: 1920,
  height: 1080,
});