Create a New Node.js ProjectĬreate a new folder for your project and go to the directory. Please check the official documentation to check your version compatibility. To use Puppeteer to download images from a website, you will need to have Node.js and npm installed.įor reference, the version of Node.js and npm we are using for this tutorial are 14.17.3 and 6.14.13 respectively. Puppeteer runs headless by default, which means you won’t see the browser running but it can be configured to run full (non-headless) Chrome or Chromium. It is very useful for automating the Chrome browser to run website tests. Puppeteer is a Node library which provides a high-level API to control Chrome or Chromium over the DevTools Protocol. Images downloaded from the Bannerbear page using Puppeteer What is Puppeteer You can use it on any website that you want but we will be using this Bannerbear page for this tutorial:Īt the end of this tutorial, you will have images from a website downloaded to a folder: gif) from a website using an automation tool called Puppeteer.

In this tutorial, we will be guiding you step-by-step on how to download images (.jpg. One of the challenges when using Puppeteer is to wait for all downloads to complete before moving on to the next step of the script. It is commonly used for web scraping, automation, and end-to-end testing. 😰 Fret not! We can do this by using automation and save all images from a website to a folder IN ONE GO. Puppeteer is a popular Node.js library that provides a high-level API to control headless Chrome or Chromium browsers. Imagine if you’re downloading 100+ images from a website manually, that’s a dreadful task. That’s only true if you’re only downloading a few images. To wait for all downloads to complete with Puppeteer using request interception, you can use the request event to intercept all network requests made by the browser and track when they are finished.Why use Puppeteer to download images? We can just right-click and save. Finally, we close the browser instance.īy using the download event, we can wait for all downloads to complete with Puppeteer in a reliable and efficient way. We then navigate to the page that initiates the download and wait for all downloads to complete using the waitForDownload method. We add a listener to the download event to log when a download is completed.

We then set the download behavior for the page to allow downloads and specify the download path. In this code, we first create a new browser instance using Puppeteer and a new page.

Const puppeteer = require ( 'puppeteer' ) const browser = await puppeteer.

Puppeteer node download free