Skip to main content

截圖

簡介​

這裡有一個快速捕捉螢幕截圖並將其保存到文件中的方法:

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