javascript - 如何最大化 Puppeteer 中的屏幕使用(非 headless )

Question

我正在测试用于 chrome 浏览器自动化的 puppeteer(以前使用selenium，但浏览器不等到页面完全加载时遇到一些麻烦)。

当我启动 puppeteer 的实例时 - 然后它会显示占用不到一半屏幕的内容并带有滚动条。我怎样才能让它占据全屏？

const puppeteer = require('puppeteer');

async function test(){
    const browser = await puppeteer.launch({
        headless: false,
      });
    const page = await browser.newPage();
    await page.goto('http://google.com')
}

test()

初始页面似乎加载良好，但一旦我访问页面，它就会使其可滚动且更小。

Answer 1

您可能想要设置特定的屏幕尺寸，任何真实的浏览器都有:

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.setViewport({ width: 1366, height: 768});
  await page.goto('https://example.com', {waitUntil: 'networkidle2'});
  await page.screenshot({path: 'example.png'});

  browser.close();
})();