跳到主要内容

截图功能

简介

以下是快速捕获截图并保存到文件的简单方法:

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