螢幕截圖

若要擷取螢幕截圖，請使用 Page.screenshot()。

const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('https://news.ycombinator.com', {
  waitUntil: 'networkidle2',
});
await page.screenshot({
  path: 'hn.png',
});

await browser.close();

您也可以使用 ElementHandle.screenshot() 來擷取特定元素的螢幕截圖。

const fileElement = await page.waitForSelector('div');
await fileElement.screenshot({
  path: 'div.png',
});

預設情況下，如果元素是隱藏的，ElementHandle.screenshot() 會嘗試將元素滾動到可視範圍內。