スクリーンショット

はじめに

スクリーンショットを素早くキャプチャしてファイルに保存する方法は以下の通りです

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