Using Edge Chromium to Screen Capture a Web Page

Written by Eric Wyatt (last updated August 2, 2021)

Over the years, I have needed to capture a screenshot of a web page that I am visiting. Either I need to make some notes about the appearance or possibly save them for reference later if the site changes. Whatever the reason, taking a screenshot hasn't usually been too tricky. I can use Windows built-in Snipping tool or a third-party app like Snagit. These options, though, require using something outside of the browser I am using. Edge Chromium has changed this, however. Now it is possible to take screenshots without leaving Edge. Referred to as Web Capture, the Edge feature allows you to take a screenshot of a portion of the web page or the entire web page. There are two methods to enable this feature.

Activate Web Capture by Right-Clicking

To activate a Web Capture using your mouse, you need to load the web page you wish to capture. Then, follow these steps:

  1. 1. Right-click anywhere on the web page. Edge opens a Context menu.
  2. Click on the Web Capture option, towards the bottom of the Context menu. This displays a small pop-up at the top of the browser with three options: Capture Area, Capture Full Page, or a Close button. (I'll go over the difference between the first two options in just a bit.)
  3. Choose the capture option you desire by clicking on it.
  4. When done, you can either copy the Web Capture to the Clipboard or save the screen capture.

Activate Web Capture with a Keyboard Shortcut

Taking a Web Capture with a keyboard shortcut is similar to right-clicking. However, instead of right-clicking your mouse, pressÊCtrl+Shift+S. This method opens the same pop-up mentioned in step 2 above. Then follow the remaining two steps.

Types of Web Captures

Edge allows for two main types of Web Captures, as mentioned in step 2 above. The first is Capture Area and the second is Capture Full Page. Let's take a look at the differences.

Capture Area

With Capture Area, you are only capturing a portion of the web page. This is good if you only want to focus on a small amount of the page. After selecting Capture Area in step 3, your browser window will dim slightly. After it has dimmed, click and drag a box around the area you wish to capture. When you release your mouse, a box is shown along with a small pop-up with two options: Copy (which copies the image to your Clipboard) or Markup Capture (which opens the picture in a small window allowing you to mark it up and then save, add to collections, or copy).

A few tips: This box can be resized or repositioned before you choose Copy or Markup Capture. If you scroll down on the page while the box is showing, you can capture more of the page that wasn't on the screen when you started drawing your capture window.

Capture Full Page

By choosing Capture Full Page, Edge will automatically capture the entire web page. Edge then opens the capture in the previously mentioned markup window.

If you save a Web Capture, Edge saves the file into your downloads folder. If you copy the capture, it will only be stored in your Clipboard until it is then pasted somewhere.

Web Captures, taken with Edge Chromium, can be helpful and quickly taken to help get you moving quicker. They allow you to focus on the area of a web page you want.

 This tip (13891) applies to Windows 10.

Author Bio

Eric Wyatt

Eric Wyatt is a swell guy (or so his friends tell him). He is a formally trained designer and branding expert, bringing a wide range of skills to his Tips.Net articles. ...

MORE FROM ERIC

Launching and Understanding the Xbox Game Bar

The Xbox Game Bar is a feature that often goes unnoticed by non-gamers. Let's go over launching and default settings for ...

Discover More

Using the Voice Recorder

Windows 10 includes the new Voice Recorder app. Ideal for recording lectures, cute things your kids say, musical ...

Discover More

Quickly Reset Your Graphics Driver

Resetting your graphics driver can help when your computer is facing issues. Execute a quick rest of your computer's ...

Discover More
More WindowsTips

Changing Your DNS Server

Your DNS server is usually set by your Internet provider. You can change the default DNS to another server easily in ...

Discover More

Creating a Desktop Shortcut for a Favorite Web Page

If you visit a certain Web page frequently, you may wish to create a desktop shortcut to take you there. This tip tells ...

Discover More

Modifying Your Hosts File

Your Hosts file is an important file as far as network communications go, and you can easily edit it to suit your needs. ...

Discover More
Comments

If you would like to add an image to your comment (not an avatar, but an image to help in making the point of your comment), include the characters [{fig}] (all 7 characters, in the sequence shown) in your comment text. You’ll be prompted to upload your image when you submit the comment. Maximum image size is 6Mpixels. Images larger than 600px wide or 1000px tall will be reduced. Up to three images may be included in a comment. All images are subject to review. Commenting privileges may be curtailed if inappropriate images are posted.

What is two more than 7?

There are currently no comments for this tip. (Be the first to leave your comment—just use the simple form above!)


Newest Tips