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

时间:2018-02-08 08:46:56

标签: javascript google-chrome typescript testing puppeteer

以某种方式设置浏览器(Chrome [ium])窗口大小是否可以像视口大小一样?

当浏览器没有正常运行时,仅设置视口会导致外观不正常,我希望直观地看到浏览器实例中发生了什么。

所以我想要下面的内容:

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
});

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

3 个答案:

答案 0 :(得分:10)

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

设置Chrome窗口大小

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

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

答案 1 :(得分:1)

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

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

答案 2 :(得分:0)

const browser = await puppeteer.launch({ 无头:真的, 忽略HTTPS错误:真, 参数:[--window-size=1920,1080], 默认视口:{ 1920年, 1080 } });