跑步时设置pupeteer窗口大小不是无头(不是视口)

Question

是否有可能将浏览器(Chrome [ium])窗口大小设置为视口大小？

当brwoser没有无头运行时,只设置视口会导致不正常的外观,我想直观地看到浏览器实例中发生了什么.

所以我想要如下所示:

const browser = await puppeteer.launch({
      headless: false, // The browser is visible
      ignoreHTTPSErrors: true
}),
page = await browser.newPage();


// This is well explained in the API
await page.setViewport({
    width: options.width,
    height: options.height
});

// But is there something like this (careful this is dummy code)
browser.setWindowSize({
    width: options.width,
    height: options.height
});

感谢任何帮助我指向正确的方向

Answer 1

这会调整窗口和视图区域的大小

const browser = await puppeteer.launch({
      headless: true,
      ignoreHTTPSErrors: true,
      args: [`--window-size=1920,1080`],
      defaultViewport: {
        width:1920,
        height:1080
      }
    });

Answer 2

您可以puppeteer.launch使用标记设置镀铬窗口大小--window-size

以下是您的示例中的用法:

const browser = await puppeteer.launch({
    headless: false, // The browser is visible
    ignoreHTTPSErrors: true,
    args: [`--window-size=${options.width},${options.height}`] // new option
});

Answer 3

如果您希望它像普通浏览器一样运行，它将视口大小调整为窗口大小。然后将视口设置为空

const browser = await puppeteer.launch(
{
    defaultViewport: null,
    headless: false
});