Google Chrome: Take a screenshot of the entire website

/ From / SEO & Homepage / Post a comment
Take a screenshot of an entire website in Google Chrome

Some time ago I already had instructions on how to get one Take a screenshot of an entire website in Firefox on a Mac can. Today I needed the same function, but unfortunately in Google Chrome. It's not that simple here, because there is no button that you can simply press.

 

Take screenshots with commands in Chrome

If the normal screenshot is no longer sufficient for the visible area and you also want to capture the parts of a website in a screenshot that can only be reached by scrolling, then you have to proceed as follows.

Here are the quick instructions:

  1. Call up the corresponding website.
  2. Now go to the menu “View” > “Developer” > “Developer tools” (also works on Mac with ALT + CTRL + I).
  3. In the developer area, click on the three dots next to the close button at the top right.
  4. In this menu you select the item “Run Command”.
  5. Now type “Screenshot” as the filter and then select the command “[Screenshot] Capture full size Screenshot”.
  6. A PNG file containing an image of the entire website is now stored in the downloads.

The instructions with screenshots

In order to show the individual steps in more detail, I've made screenshots of the individual actions. So you can see in more detail where you have to click and what the individual menu items look like.

The developer tools can be found in Chrome via the menu "View" and "Developer".
You can access the developer tools in Chrome via the “View” and “Developer” menu.

 

In the developer tools, click on the three vertically aligned points at the top right to open the menu.
In the developer tools, click on the three vertically aligned points at the top right to open the menu.

 

With the option "Run Command" we can then select the command to trigger the screenshot.
With the “Run Command” option we can then choose the command to trigger the screenshot.

 

Finally, the screenshot ends up as a PNG file in the browser's downloads.
Finally, the screenshot ends up as a PNG file in the browser's downloads.

 

You may also find these posts about screenshots worth reading:

Related Articles

Did you like the article and did the instructions on the blog help you? Then I would be happy if you the blog via a Steady Membership would support.

Post a comment

Your e-mail address will not be published. Required fields are marked with * marked

In the Sir Apfelot Blog you will find advice, instructions and reviews on Apple products such as the iPhone, iPad, Apple Watch, AirPods, iMac, Mac Pro, Mac Mini and Mac Studio.

sir appleot
Specials
Shopping