Skip to content

How to do a screenshot using Puppeteer

When you have created a Puppeteer page object:

const page = await browser.newPage()

You can use the screenshot() method on it to save to screenshot.jpg in this case:

await page.screenshot({
  path: 'screenshot.jpg'
})

Add the fullPage option to screenshot the whole page:

await page.screenshot({
  path: 'screenshot.jpg',
  fullPage: true,
})

Also see my full Puppeteer tutorial


→ Get my Node.js Handbook

I wrote 21 books to help you become a better developer:

  • HTML Handbook
  • Next.js Pages Router Handbook
  • Alpine.js Handbook
  • HTMX Handbook
  • TypeScript Handbook
  • React Handbook
  • SQL Handbook
  • Git Cheat Sheet
  • Laravel Handbook
  • Express Handbook
  • Swift Handbook
  • Go Handbook
  • PHP Handbook
  • Python Handbook
  • Linux Commands Handbook
  • C Handbook
  • JavaScript Handbook
  • Svelte Handbook
  • CSS Handbook
  • Node.js Handbook
  • Vue Handbook
...download them all now!

Related posts that talk about node: