Various ways to efficiently capture screenshots of Chrome browser web pages

Screenshots are invaluable when explaining features or workflows with colleagues, or just for future memos. Just press on your Mac Shift ? 3 (Or 4 or 5), you can display some content that takes several minutes to explain in words within seconds.

Given that Google Chrome is the most popular browser right now, we naturally expect to use some kind of Chrome screenshot tool, or the Chrome team can develop a stunning screenshot tool, but at first glance, it doesn't.

So, is there a way to natively screen the Chrome screen, such as taking a full-screen Chrome screenshot of the website you are visiting? Let's explore it.

Find the best screenshot tool in Setapp

Whether you need to record GIFs, videos, or scroll content, Setapp always provides the right solution. Save time searching for apps.

Why do you need to take a screenshot on Chrome for a free trial?

Some people may wonder why you still need to learn how to take screenshots on Google Chrome if your Mac has built-in screenshot options?

Here’s why: First, doing everything in a single application is often more beneficial for your workflow, without having to remove your fingers from the keyboard or switch context. Second, Mac's default screenshot tool lacks some useful browser options, such as scrolling screenshots throughout the page and precise visual area without dragging.

So, a hidden secret is that Chrome keeps a screenshot tool within its DevTools area, which is quite powerful and flexible once you learn how to use it. Another benefit is that the Chrome Screenshot Tool works the same way on all operating systems, so whether you are using Windows, macOS, or Chrome OS, the Chrome Screenshot selection remains the same.

There are three useful ways to take screenshots on Chrome.

How to use Chrome screenshot shortcut keys

As mentioned above, Chrome developers decided to hide all Chrome screenshot tool features in DevTools, a broad and powerful platform that most web developers around the world use. Therefore, it can be said that the Chrome team has developed the screenshot function into a professional tool.

Be careful to ensure that the following commands are used accurately. Changing DevTools at will may cause unexpected changes in browser behavior.

So, to learn how to display Chrome in full screen or just take regular screenshots:

1. Open DevTools by going to View ? Developer ? Developer Tools (Option ? I).
2. Go to the ellipsis menu ? "Run Command" (Shift ? P).
3. Enter "screenshot".
4. Select the type of screenshot you want to take: Region, Full Size, Node, or General.

Your Chrome screenshot will be saved to your regular destination folder, which in Google Chrome is the Downloads folder by default.

However, sometimes you do need to go a step further than Google Chrome, using professional-level tools that work in every app to take screenshots.

For more information on how to take screenshots on your Mac, see our step-by-step guide.

CleanShot is the ultimate recording app for Mac. Not only does it cover all the regular macOS screenshot features, it also allows you to take precise scrolling screenshots of your website or app, set a screenshot timer, and record the screen. More importantly, CleanShot automatically hides all your desktop icons, saves your images in the cloud for easy sharing, and allows you to annotate your screenshots at any time.

Using CleanShot is very simple: the app is always easily accessible in your menu bar, just click on its icon and select the type of screenshot you want. For more convenient access, you can set CleanShot as the default image capture tool on your Mac.

How to use device emulator to take screenshots on Chrome

Another important benefit of using the screenshot tool provided by Chrome is that you can run it through its device emulator to represent a mobile screen (for example) without using your phone. You can even specify exactly which device to display, which is great for creating design models or just testing your existing website.

To take a Chrome screenshot using the device emulator:

1. Launch Chrome.
2. Use the Option ? I shortcut key to open DevTools.
3. Click the second icon at the top of DevTools, called "Switch Device Toolbar" (Shift ? M).
4. Use the drop-down menu to specify the device.
5. Run the command (Shift ? P) and search for "screenshot".
6. Take a screenshot of your choice.

Please read also:

• Ad Blocker for Mac
• Download Vimeo Video
• Take a scrolling screenshot
• Best Developer Tools for Mac

How to use Chrome Screenshot Extension

The last way to show full screen or take screenshots of any type on Chrome is to take advantage of Chrome's vast library of extensions, which also include many screen crawlers.

To download the Chrome extension:

1. Go to Window ? Extensions.
2. In the menu, select "Open Chrome Web Store."
3. Search for "screenshot".
4. Select the tool of your choice (we recommend Lightshot).
5. Click "Add to Chrome".

Then, when you want to use it, click on the extension, select the appropriate option, and take a screenshot directly in the Chrome browser.

If you want to take screenshots with a browser, but want to be more flexible than what Chrome offers, you can use the Mac Screenshot app, which has a browser built into itself.

Capto is a truly versatile app. On the one hand, it is a professional-grade screen recording tool, and on the other hand, it is a powerful video editor. Using Capto's top menu bar, you can take screenshots of screenshots, areas, menus or windows, record videos, and capture images directly from the Capto browser:

1. In Capto, click "Web Page" ? "Capture from Capto Browser".
2. Search for URL.
3. Then choose to capture the area, scroll motion, or even DOM elements.

As you can see, it only takes a few minutes to learn how to take a screenshot on Google Chrome. You can use built-in tools, use device emulators, or download extensions. However, the best results and features are always kept in Mac applications, such as CleanShot for full-scale powerful capture, or Capto for capturing images of browser elements.

Best of all, both CleanShot and Capto are available for free for seven days with the Setapp trial, a platform with over 220 world-class Mac and iPhone apps that can meet any task you can think of, from optimizing your Mac to editing photos. Try all Setapp apps for free today and experience the power of using the best Mac tools anytime, anywhere.

The above is the detailed content of How to use screenshot Chrome tools – Setapp. For more information, please follow other related articles on the PHP Chinese website!