Here are the 4 simple tricks to taking screen shots on a Google chrome browser in 4 different ways.
By India Today Web Desk: When you are using a mobile device or a desktop there are several ways in which you can take the screenshot. Usually, the screenshots on computers are taken using the Print Screen button and using the snipping tool on Windows.
But when you want to take screenshots on a web browser and use screenshots often, then there are certain tricks you can follow to do this practice. The major dissimilarity between the Print Screen and the chrome tool is the chrome screenshot doesn’t cover the borders of the chrome browser window itself but the content of the web page.
Here are the simple steps to take screenshots on Google chrome:
Personal computers:
Step 1: Open the Google Chrome browser.
Step 2: Press Control+ Shift + I on your computer
Step 3: The developer menu called the Element Inspector will open.
Step 4: You can see the HTML page.
Step 5: Next press Control + Shift P on your computer.
Step 6: The above step will help you search for your list of developer tools.
Step 7: You can type “screenshot” but don't press 'Enter'
Step 8: A set of four screenshot options will be displayed.
Mac:
Step 1: Open the Google Chrome browser.
Step 2: Press Command+ Option+ I on your Mac
Step 3: The developer menu called the Element Inspector will open.
Step 4: You can see the HTML page.
Step 5: Press Command + Shift P on your Mac
Step 6: The above step will help you search for your list of developer tools.
Step 7: You can type “screenshot” but don't press 'Enter'
Step 8: A set of four screenshot options will be displayed mentioned below.
Capture Area screenshot:
- This option will select the specific part of the screen and save it as a screenshot.
- Once you choose this option, you can drag the box with the mouse inside the chrome window.
- Choose the page you need to capture and it will be automatically saved.
Capture Full-size screenshot:
- This captures the image of the entire web page from top to bottom.
- It is the easiest way to get an image of a long page that extends beyond the screen.
Capture Nod screenshot:
- This is specifically to capture the image of a specific HTML element in the Element Inspector.
Capture Screenshot:
- The standard screenshot helps you to save the image visible on your screen.
- After following the steps above, scroll down the one you want and press Enter.
- Your screenshots will be automatically saved in the Chromes download manager at the bottom of the window.
Read: Want to enable and use Apple's system for storing passwords and credit cards across your devices? Know how
Read: Want to hide photos on Instagram without deleting them? Here's how
Read: Windows 10 reset: Checkout different ways to fix issues and improve performance
Edited By:
Megha Chaturvedi
Published On:
Aug 25, 2021
Picture this: you want to take a screenshot of an entire webpage, small bits at the bottom and all. Usually, you're only able to capture what's within the four corners of your screen, leaving behind elements that you'd have to scroll down for. Don't give up. It may seem impossible to capture everything in the frame, but we're about to show you how it very much can be done.
The process may not be as straightforward as you would expect, but follow any of these four methods and I guarantee you will have flawless full-screen captures.
1. Save as PDF
First off, is it a picture you need, or will a PDF do? If a PDF will do, then you can:
- Go File > Print… (if the menu bar is hidden on Windows, press F11, or alternatively, you can right-click on the webpage and select Print...)
- Change the Destination to Save as PDF.
- Click Save to download the webpage.
Note that this method may distort the page formatting.
Printing a PDF in Google Chrome
Screenshot by Adrian Kingsley-Hughes/ ZDNet2. Save as JPG
But what if you want a picture? Something like a JPG.
Well, this is where things get more complicated. You have two options: (1) the harder, geekier way or (2) one of my favorite simple-to-use tools.
First, the geekier option:
There is a built-in way to take full-screen screenshots in Google Chrome, but you'll quickly start to find that the struggle is very real.
Step 1: Find Developer Tools
The feature is buried in Google Chrome's Developer Tools, a settings hub that gives you granular access to most if not all the elements of a webpage. But before you find the feature, you need to find the actual Developer Tools first.
See those three vertical dots that are to the right of the address bar? Click on them, then click on More Tools and then Developer Tools.
Opening Developer Tools in Google Chrome
Screenshot by Adrian Kingsley-Hughes/ ZDNetStep 2: Don't panic and Click Run Command
OK, if you've never seen what follows, it might look like you've stumbled into the Matrix. Don't panic.
Google Chrome Developer Tools or the Matrix?
Screenshot by Adrian Kingsley-Hughes/ ZDNetTake a look at the menu bar that's on the Developer Tools screen. You'll see a new set of three vertical dots. Click on them and then click on Run Command.
Accessing the Run Command
Screenshot by Adrian Kingsley-Hughes/ ZDNetStep 3: Select Capture full size screenshot
Into the Run box that appears, type "screenshot" to bring up a bunch of related options. You'll want to find the Capture full size screenshot result.
Finding the screenshot command
Screenshot by Adrian Kingsley-Hughes/ ZDNetClick the Screenshot button and this will take a screenshot of the webpage you are on (it won't show all the Matrix stuff) and it should save automatically (if it doesn't, remember to save it).
Yeah, I told you it was a pain to do, and this isn't really all that convenient if you plan on taking lots of screenshots.
Fortunately, there are some simpler ways.
More: How to take a screenshot on Chromebook
3. Install a browser extension
You could install a browser extension that allows you to take screenshots. I recommend taking a look at GoFullPage. It's reliable, safe, and free.
GoFullPage Google Chrome browser extension
Screenshot by Adrian Kingsley-Hughes/ ZDNet4. Buy a professional tool
If you need to take a lot of screenshots, especially if they are different content types or you have more complex requirements, such as needing to capture the cursor or you want a screenshot captured on a timer, I recommend investing in a professional tool.
My weapon of choice in this battle has, for many years now, been TechSmith's amazing SnagIt.
If you want the best chance of capturing a web page accurately, SnagIt is the tool you need. I've worked with all the different methods, and this is by far the best tool for the job.
Here's SnagIt in action:
Here's a link to the screenshot it captured. It's pretty impressive.
I've been a SnagIt user now for well over a decade, using it to capture many thousands of screen captures, and it's never failed me.
I highly recommend it.