Take Screenshots of a Web in Chrome without extensions

Today I bring you a very simple and really useful tutorial.

How many times do you want to take a screenshot of the browser but the entire page you want to capture is not displayed on the screen?

There are extensions that do it, but every extension we install is an extension that slows down our browser.

Google Chrome has this functionality without adding any extension and best of all, we can choose the specific part of which we want to make the screenshot.

It can be from the entire page, from a specific part of the web, whatever we need.

How is it done?

Here is the video tutorial:

Subscribe to my channel:  

The first thing we have to do is take out the google chrome element inspector, to do this we click the right mouse button on the web and select element inspector:

inspect chrome elements

When doing so, a screen will appear with the html of our website:

checker elements active chrome

Now we can capture the entire web or a specific part.

Capture the entire web

In the element inspector we mark the HTML tag:

html tag elements inspector

Now we do the following key combination:

Cmd + Shift + p

And on the screen that appears we write "node"

cmd+shift+p

We click on: Capture node screenshot

And the screenshot of the entire web will be downloaded. Even of the parts that are not seen on the screen without scrolling.

Capture a specific part

It is the same as when we capture the entire web but with the exception of the first step.

That is, instead of marking the HTML tag, we mark the part of the web that we need to screenshot:

capture part chrome

Once we have selected the part of the web that we want to capture, we select the key combination Cmd + Shift + p and continue with the steps explained above.

It may seem a bit cumbersome but believe me that if you get used to it, it is much faster than doing it with any other extension.

Greetings 😉

Leave a comment