螢幕截圖

簡介

這是一個快速擷取螢幕截圖並儲存到檔案的方法

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