Sitemap

How to take a screenshot of any website — without fail

2 min readJul 5, 2024
Photo by Benton Sherman on Unsplash

Can’t take a screenshot of something on some sites like Netflix or Udemy?Don’t worry. With the Google Dev Console, you’ll be able to take a screenshot no matter how pesky the company.

Just follow these steps:

  1. Press ctrl + shift + j to open the chrome developer tools, or right click anywhere on the website, scroll down and click inspect…
  2. Once the dev console opens up, press ctrl + shift + p to open up the command palette.
  3. Type “Screenshot” into the command palette and select Capture area screenshot.
  4. Drag your mouse around the area you want to screenshot.

Here’s an example of how I took a screenshot of Udemy using this technique. Keep in mind that the video doesn’t show it because I was screen recording — which Udemy does block — but the google dev screenshot did actually work.

how to use google dev console to take screenshot of any website

And boom. Snipping tool and print screen functions on laptops can’t get around this issue, but the developer console can.

--

--

Aadil Mallick
Aadil Mallick

Written by Aadil Mallick

Web developer, ML engineer, and book/learning enthusiast

Responses (1)