How to Screenshot Chrome
How often do you need to grab a webpage screenshot? We bet it’s a regular part of your online activities.
In this article, you’ll learn how to screenshot on Google Chrome in just a few seconds - no secret keyboard shortcuts or sophisticated plugins required. We’ll tell you about four simple tools that are appropriate for any user – from beginner to professional: a browser extension from Movavi, developer tools, built-in IOS tool and built-in Android function.
Let’s start with making a screen capture on Chrome with the extension.
Movavi ScreenShot Extension advantages:
- Takes a screenshot on Google Chrome both in Windows 10 and Mac.
- Makes a screen grab at multiple sizes: full page screenshots, 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 free downloading screenshots of Chrome.
- No editing tools
- No link to share screenshots via social networks
Here’s a short guide of how to print-screen Chrome with Movavi ScreenShot.
Step 1. Install the Extension
To install the extension, find Movavi ScreenShot Extension in Google Web Store and hit the Add to Chrome button.
Step 2. Choose the Size
Check that the ScreenShot icon has appeared in the top right corner of your browser.
Hit the screenshot icon and choose the size of the capture area:
- Full page screenshot. Capture the entire webpage without scrolling. Movavi ScreenShot will scroll the page automatically even if it's a mile long.
- Full screen. Grab the visible screen area, including control panel, open windows, tabs and messengers.
- Selected parts. Frame the area you want to capture. This way, you won’t have to edit the image later to cut out unwanted parts.
When you’ve chosen the size, hit the appropriate icon and capture the website page.
Step 3. Take a Screenshot on PC
Wait for a few seconds until the capturing process is complete. Save the screenshot to your computer, choosing an appropriate folder.
The image will be saved in JPG format by default. Now you can edit the Google Chrome screenshot whenever you wish or upload it to the cloud.
How to Screenshot on Google Chrome with Developer Tools: Method 1
Next way is taking a screenshot with developer tools. Actually, there’re two ways. We’ll describe both, and you can choose the most appropriate one.
But first, let’s check the pros and cons of using the developer tools.
- Requires no installation.
- Lets you customize the size of your screenshot.
- Has a specific screenshotting option for developers.
- 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
Find the icon with two devices on it and hit it.
Step 3. Choose the Size
Now you should define the size 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 one of the options – Capture full size screenshot or Capture screenshot – depending on your needs.
If you choose Capture full size screenshot, the entire page will be screenshotted. The second option – Capture screenshot – is for taking a simple photo of the current screen.
Choose the folder and save the image to your desktop. You can edit it later.
Taking a Chrome Screenshot with Developer Tools: Method 2
Let us describe the second method to take a Google Chrome screenshot with developer tools.
Step 1. Open Developer Tools
Go to Developer Tools again.
Now press the shortcuts: Ctrl + Shift + P for Windows or Command + Shift + P on Mac. The search area will appear.
Step 2. Choose the Screenshotting Option
Type “screenshot” in the search field. The browser will offer you four options with different image sizes. Choose the appropriate one.
You may get confused by the Capture node screenshot option. What is this for? It grabs a screenshot of a HTML element selected in the Element Inspector. Usually, this function is mainly used by developers, designers and QA engineers.
Step 3. Take a Screenshot
Press the selected option and let Chrome take the screenshot. Save it to your computer.
How to Take a Screenshot on Google Chrome on an iPhone
It may be not obvious how to take a Google Chrome screenshot on iPhone. Usually, people capture the entire screen and then delete the phone frames in the editing app. If you’re one of those people, you’ll be surprised to learn that there’s another way of taking a screenshot in the Google browser.
Step 1. Activate the AssistiveTouch Setting
Open the General iPhone settings and find the Accessibility section. Here you’ll see AssistiveTouch. Activate it.
Step 2. Run the Screenshot Tool
Open the Google page you want to capture. Click on the AssistiveTouch icon that’s in the bottom right corner of the screen. Find the Device button and press it.
Click on the three dots to open the More menu.
Step 3. Take the Screenshot on Chrome
Press Screenshot and wait for a second.
The image will appear on the left side of the screen. Swipe it to the left. It will be automatically saved to your photos. Now you can add text, filters and animations in any editing app.
How to Print Screen Chrome on Android
Unfortunately, no Android phone has a built-in screen recorder. Generally, you need to download an app to print screen in Google Chrome.
But before downloading an app, go to the settings on your phone and look for a Smart Capture function. It should be in the advanced settings menu.
If there’s no Smart Capture tool, look for the screen recording icon in the quick settings. To open the quick settings, swipe down twice from the top of your screen. There should be a circle icon. If you have it, you’re in luck!
If not, you just can press the Power and Volume down buttons and take the screenshot of the entire screen. After that, you can edit the image by cutting out the unnecessary parts.
Frequently Asked Questions
Нow do I take a screenshot in Chrome?
Step 1. Install the Movavi ScreenShot extension.
Step 2. Choose the size of the screen capture: the whole page, a selected part of the screen or just a simple screencap.
Step 3. Save the image to your desktop, edit it and share with your colleagues and friends.
How do I screenshot a whole webpage in Chrome without the extension?
Step 1. Open Developer Tools by clicking on the three dots on the top right corner of your browser.
Step 2. Go to the Device tab.
Step 3. Customize the size of the screenshot. You can choose any width and height or select one of the default options.
Step 4. Take the screenshot and save it to your desktop.
Check the instructions above to learn about the second way to use developer tools.
How do I capture a screenshot on my computer?
If you need to capture your Google Chrome, it’s better to use one of the online tools. The best ways are Movavi ScreenShot Extension and the developer tools.
If you need to capture your computer screen, try the desktop screen recorder. It lets you screenshot a selected tab or the entire screen and edit the image before saving.