Puppeteer中截屏的操作

19 min read

在Puppeteer中,可以使用page.screenshot方法来进行截屏操作。该方法可以接收一些选项参数,例如存储截图的路径、截图的格式、截图范围等。

下面是一个简单的示例,演示了如何在Puppeteer中进行截屏操作:

const puppeteer = require('puppeteer');

async function run() {
  // 启动 Puppeteer
  const browser = await puppeteer.launch();

  // 创建一个新的页面
  const page = await browser.newPage();

  // 跳转到指定页面
  await page.goto('https://www.example.com');

  // 等待页面加载完成
  await page.waitForLoad;

  // 截屏并存储为 example.png 文件
  await page.screenshot({ path: 'example.png' });

  // 关闭浏览器
  await browser.close();
}

run();

在上面的示例中,首先通过puppeteer.launch方法启动了Puppeteer,然后使用browser.newPage方法创建了一个新的页面。接着,使用page.goto方法跳转到指定的页面。在页面加载完成后,使用page.waitForLoad方法等待页面加载完成。

最后,使用page.screenshot方法进行截屏操作,并将截图保存为example.png文件。最后,使用browser.close方法关闭浏览器。