3 Methods to Take a Full-Page Screenshot on Chrome

avatar
Updated February 16, 2023
65k+
4 min

It is easy to capture the visible part or selected area of a webpage on Chrome. What if you want to take a full-page screenshot that includes all of the content, not just what is visible on the screen?

Capturing scrolling screenshot is helpful for developers, designers, editors, writers, and more! This post will show you three methods to take a full-page screenshot on Chrome.


Method 1. Use developer tools

Google Chrome provides a native way for you to capture the full-page screenshot. Although it is more complex, you can still try it as it is free.

Here is how to use developer tools to take a Chrome full-page screenshot.

Step 1. Open the webpage that you want to capture in Google Chrome.

Step 2. Click the three dots in the top-right corner, select “More Tools”, then click “Developer Tools”. Alternatively, you can press “Ctrl + Shift + I” on Windows or “Option + Command + I” on Mac to open the Developer Tools quickly.

open developer tool in chromeStep 3. In the developer tools window, click the three dots in the top right corner and select "Run command".

chrome developer tool run commandStep 4. In the command prompt, type "screenshot", press Enter, and select the "Capture full size screenshot" option.

chrome capture full size screenshotThis will capture a full-page screenshot of the webpage and save it to your downloads folder. You can also use the developer tools to capture a screenshot of a specific element on the page or crop the screenshot to a custom size.


Method 2. Use Awesome Screenshot & Recorder

The above method doesn’t allow you to annotate the full-page screenshot. If you need a simple and comprehensive full-page screenshot capture method, you are suggested to use a third-party whole-page screenshot tool, such as Awesome Screenshot & Recorder.

Awesome Screenshot & Recorder

One extension for all your screen recordings & screenshots

  • Record screen and capture screenshots easily
  • Edit videos/images quickly
  • Store videos/images to the cloud and share instantly

Awesome Screenshot & Recorder is a browser extension that allows you to capture web page images and add annotations such as text and arrows. It is available for Chrome, Firefox, and Safari web browsers. You can also use it to record videos on your screen, edit videos, upload files to the cloud storage, and share them instantly with others.

It makes the Chrome full-page screenshot capture a piece of cake. Once the entire page is captured, you can edit it by cropping/resizing it and adding text, shapes, and other elements. Now, let’s see how you can take a full-page screenshot on Chrome using Awesome Screenshot & Recorder.

Step 1. Download and install the Awesome Screenshot & Recorder Chrome extension.

Step 2. Open and stay on the web page you want to capture on Chrome.

Step 3. Click to launch Awesome Screenshot & Recorder on your Chrome browser's "Extensions" list.

Step 4. Select the "Capture" tab and hit the "Full Page" option. The full-page screenshot will be automatically captured.

scrolling screenshot awesome extension capture full page

Step 5. Once the scrolling screenshot of that webpage is taken, you can annotate the screenshot or skip the annotation and click "Done".

awesome screenshot and recorder annotation toolStep 6. You can choose to download the screenshot to your PC or share it to the cloud.

awesome screenshot and recorder download options


Bonus Method: Save the page as a PDF

You can check the steps below if you prefer to save the whole web page as a PDF.

Step 1. Open the webpage you want to save as a PDF in Google Chrome.

Step 2. Click the three dots button in the top-right corner of Chrome, and select “Print…” from the drop-down menu. Alternatively, you can press the keyboard shortcut “Ctrl + P” on Windows or “Command + P” on Mac to open the print dialog.

print

Step 3. In the "Destination" section, select the "Save as PDF" option from the drop-down menu.

save as pdf

Step 4. Click the "Save" button to choose a location to save the webpage as a PDF.


Conclusion

This post shares three easy methods for taking a Chrome full page screenshot or saving the entire page as PDF. Just choose the method that best fits your needs.


FAQs about taking a full-page screenshot on Chrome


How do I screenshot a whole page in Chrome?

You can follow the steps below to capture the whole page in Chrome.

Step 1. Download and install the Awesome Screenshot & Recorder Chrome extension.

Step 2. Launch the extension, and click “Capture” > “Full Page”. The whole page will be captured automatically.

Step 3. You can annotate the screenshot as you like, then click “Done”.

Step 4. Choose to save the full-page screenshot or share it with others via a link.


Why is my screenshot not scrolling?

There could be a few reasons why your screenshot is not scrolling:

  1. The webpage you are trying to capture does not have a scrollbar, or the content does not extend beyond the screen's visible area. In this case, the screenshot will only capture the visible part of the webpage.
  2. You are using a screen capture tool or extension that does not have a scrolling screenshot feature. In this case, you will need to use a different tool or extension that supports scrolling screenshots.
  3. You are using the print screen function on your keyboard to capture the screenshot, but you are not capturing multiple passes of the webpage and stitching them together.
  4. There could be an issue with your screen capture tool or extension or a problem with your computer or browser. In this case, you may need to troubleshoot the issue or try a different tool or method to capture the screenshot.






avatar

Miley

Miley

Miley is an experienced author for Awesome Screenshot & Recorder focused on tech blog writing. You can feel free to write an email to her if you have any comments or suggestions.

Read full bio