We would recommend using puppeteer or playwright to capture website screenshots as they are both well In this article we have seen how to generate website screenshots in node.js using a variety of different tools. This just demonstrates how easy it is to get the perfect screenshot using the urlbox API and it's many options. Now if we inspect the resulting screenshot, we see the ad container is no longer showing: This means it could easily be used for cross-browserįirst let's install playwright using npm:Ĭonst ) The great thing about playwright is that it can be used to automate chromium,įirefox and webkit using the same API. The API is very similar to puppeteer, in fact some of the original developers of puppeteer are now working on developing and maintaining playwright. Playwright is the new kid on the block of headless browser automation libraries. Use Playwright to capture website screenshots We have built urlbox to solve these problems and more. If you're looking for a solution that automatically blocks ads from screenshots and hides cookie banners for you, This is a common issue with taking website screenshots, and can be time consuming to fix.

The screenshot generated is named nyt-puppeteer.png and looks like this:Īs you can see, most of the screenshot is taken up by an ad on the top, and a cookie banner on the bottom.

Download free puppeteer npm