当运行不是无头（不是视口）时设置人偶 window 大小

Question

是否可以通过某种方式将浏览器 (Chrome[ium]) window 大小设置为视口大小？

当浏览器不是运行并且我想直观地查看浏览器实例中正在发生的事情时，仅设置视口会导致外观不方便。

所以我想要如下内容：

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

您可以在 puppeteer.launch 期间使用标记 --window-size

设置 chrome window 大小

您的示例中的用法如下：

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

Answer 2

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

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

Answer 3

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

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

Answer 4

 const browser = await puppeteer.launch({
        headless: false,
        defaultViewport: null,
        args: ['--start-maximized'], // we can use '--start-fullscreen' || --start-maximized
    });

Answer 5

将默认视口设置为 null，它应该像普通浏览器一样调整大小。

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

当运行不是无头（不是视口）时设置人偶 window 大小

Set pupeteer window size when running not headless (not viewport)

javascript

testing

google-chrome

typescript

puppeteer

当 运行 不是无头（不是视口）时设置人偶 window 大小

Set pupeteer window size when running not headless (not viewport)

javascript

testing

google-chrome

typescript

puppeteer

当运行不是无头（不是视口）时设置人偶 window 大小