跳到主内容

截图

介绍

这里有一个快速方法可以捕获屏幕截图并将其保存到文件中

await page.screenshot({ path: 'screenshot.png' });

截图 API 接受许多参数,如图像格式、裁剪区域、质量等。请务必查看它们。

整页截图

整页截图是整个可滚动页面的截图,就像你有一个非常高的屏幕,页面可以完全包含在其中一样。

await page.screenshot({ path: 'screenshot.png', fullPage: true });

捕获到缓冲区

除了写入文件,你还可以获取包含图像的缓冲区,然后进行后处理或将其传递给第三方像素差异工具。

const buffer = await page.screenshot();
console.log(buffer.toString('base64'));

元素截图

有时,截取单个元素的屏幕截图很有用。

await page.locator('.header').screenshot({ path: 'screenshot.png' });