如何使用 puppeteer 最大化浏览器窗口？

Question

我正在尝试使用puppeteer. 我尝试了下面的代码，但浏览器没有最大化到完整模式。我也没有在 puppeteer 库中找到任何可用的函数来最大化窗口。

(async () => {
  const browser = await puppeteer.launch({headless: false , slowMo: 100, rgs: ['--start-fullscreen', '--window-size=1920,1080'], executablePath: 'C:/Program Files (x86)/Google/Chrome/Application/chrome.exe' });
  const page = await browser.newPage();

  await page.setViewport({ width: 1920, height: 1080 });

Answer 1

这对我来说很好用。

await puppeteer.launch({ 
      headless: false,
      defaultViewport: null,
      args: ['--start-maximized'] 
});

Answer 2

await page.goto("https://www.google.com")
await page.setViewport({
  width: 1920,
  height: 1080 ,
  deviceScaleFactor: 1,
});

您错过了 deviceScaleFactor https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio

Answer 3

我希望我在你的代码中看到的拼写错误就是在这篇文章中出现的。

puppeteer.launchChrome 参数作为 key 的值传递给函数args，而不是rgs。

另外，在您的 Chrome 配置中，我怀疑标志--start-fullscreen和--window-size是矛盾的。

最后，您可能对 Chrome 标志感兴趣--start-maximized。

有关 Chrome 标志的完整列表，请参阅 Peter Beverloo 的这篇文章。