截图

简介

以下是如何快速捕获屏幕截图并将其保存到文件中的方法

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