スクリーンショット

はじめに

スクリーンショットを撮影してファイルに保存する簡単な方法をご紹介します

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