スクリーンショット

概要

スクリーンショットをキャプチャしてファイルに保存する簡単な方法を次に示します。

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

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