截图

简介

这里是捕获截图并保存到文件中的快速方法：

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