How to Grab a Full Page Screen Capture on Chrome

Here are best ways to take a full-page screenshot.

Edited by Ben Jacklin
9,557

Want to take a full-page screen capture in Chrome? The Print Screen key won’t help you with this task, so you’ll need to use other tools. Here, we’ll discuss the Movavi ScreenShot extension and Developer Tools in Chrome.

Parameters

Developer Tools

Multiple choice of image size

User-friendly interface

The easy way to take a Chrome full-page screenshot

Let’s start with Movavi ScreenShot.

Movavi ScreenShot Extension advantages:

  • Takes a screenshot on Google Chrome on Windows 10 or Mac.
  • Takes a screen grab at multiple sizes: full page screen capture on Chrome, specific parts of the screen, or full screen, including all open tabs.
  • Requires no special permissions for installation.
  • Can be used in incognito mode.
  • Supports the free downloading of Chrome screenshots.

Extension disadvantages:

  • No editing tools
  • No link to share screenshots via social networks

Here’s a short guide of how to print-screen Chrome using Movavi ScreenShot.

Step 1. Install the extension

Open the Google Web Store and search for Movavi ScreenShot.

Add the Movavi ScreenShot extension by hitting the Add to Chrome button. The icon will appear in your browser automatically.

Step 2. Choose the format

To take a Chrome full-page screenshot, choose the Capture entire page icon – it’s the first option on the size list.

Open the webpage you want to grab and hit the icon to launch the screenshot capture process.

Step 3. Take a screenshot

Wait for a few seconds. Movavi ScreenShot will scroll the page and capture it automatically. You don’t have to lift a finger.

When the capture is complete, you’ll see the result in a new tab. If you’re satisfied with the image, click Save JPG.

How to use Developer Tools to take a screenshot of the whole page

You’ve probably heard about taking screenshots with developer tools. Though it sounds difficult, it’s not just for developers. You’ll find an easy guide below.

But first, check the advantages and disadvantages of this method.

Developer Tools advantages:

  • Requires no installation.
  • Lets you customize the size of your screenshot.
  • Has a specific screenshotting option for developers.

Developer Tools disadvantages:

  • Takes time to find the right setting.
  • Many-step process.
  • May be difficult for inexperienced users.
  • No editing tools.
  • No sharing option.

Step 1. Open the Developer Tools tab

Click on the three dots in the right top corner of the browser and go to More Options. Choose the last item – Developer Tools.

You can also use shortcuts: Alt + Command + I on Mac or Ctrl + Shift + I on Windows.

Step 2. Go to the Device Toolbar

Open Device Toolbar. Find the icon with two devices on it and hit it.

Step 3. Choose the size

Now you need to define the width and height of the screenshot. You can set any image parameters or just choose one of the standard options in the Responsive menu.

Step 4. Capture the screenshot

Click on the three dots by the size settings. Choose Capture full size screenshot to screenshot the entire page.

Choose the folder and save the image to your computer.

Another way to take a full-page screenshot with Developer Tools

Do you still ask yourself how to screenshot the whole page in Chrome? Check this alternative way of using developer tools. Maybe you’ll find it easier and more intuitive.

Step 1. Open Developer Tools

Start by opening Developer Tools.

When the HTML code appears on your screen, activate the search field. Press the shortcut Ctrl + Shift + P for Windows or Command + Shift + P on Mac.

Now you see the search area.

Step 2. Choose the screenshotting option

Type “screenshot” in the search field. You’ll see four screenshot options – Capture area screenshot, Capture full size screenshot, Capture node screenshot, and Capture screenshot.

Click on Capture full size screenshot. Take a note that you should select the option by clicking on it with your mouse, not by pressing Enter. If you press Enter, the browser will close the search area.

Step 3. Take a screenshot

Press the selected option and let Chrome take the screenshot. Save it to your computer.

Conclusion

Can’t decide which tool to use? Have a look at these factors.

Features: With screenshotting tools, you might consider such features as capturing a selected part of the screen, setting the screenshot size, editing options.

Ease of use: Taking a screenshot shouldn’t be hard. Choose the tool that lets you capture the webpage in just a couple of clicks.

Reviews: Check out user reviews before deciding on the tool. This way you’ll learn about the advantages and disadvantages of the programs.

Frequently asked questions

How can I take a full-page screenshot?

How do I capture a scrolling screenshot?

How can I take a full-page screenshot on my iPhone?

Have questions?

Have questions?

If you can’t find the answer to your question, please feel free to contact our Support Team.

Join for how-to guides, speсial offers, and app tips!