How to Take a Website Screenshot with Node.js (Playwright, Puppeteer, API)

Today I'll show you how to take a screenshot of a web page using Node.js. We'll go through actual implementation, look at what can go wrong, and figure out how to deal with it. In this guide we'll cover three working approaches: Playwright, Puppeteer, and a screenshot API. We'll start with the simplest script and then step by step work our way up to full-page captures, custom viewport sizes, mobile emulation, and even try to get around cookie banners and lazy-loaded page elements. Fair warning: this guide is long, but it covers a lot of ground and you'll pick up some things you probably haven't seen before. To keep things clear, we'll run scripts step by step, add features one at a time, and look at the output after each change. Let's get started. Before we start You need Node.js 18 or newer. Let's check: node -v If you see v18 or higher, you're good. Otherwise grab the latest LTS from nodejs.org . Here's what I've got at the moment: Works for us. Now create the project folder: mkdir s