截图功能
简介
以下是快速捕获截图并保存到文件的简单方法:
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' });