Saltar al contenido

The smartest way to capture screenshots in Chrome

The smartest way to capture screenshots in Chrome

Despite all its features and speleological tools, Google Chrome’s browser curiously lacks one main function: the ability to capture a screenshot of a website you’re visiting.

Or so it seems.

Here’s a little-known secret: Chrome actually has a built-in command that’s extremely useful for capturing screenshots, no extensions required. It is flexible, efficient and easy to use. And it works on Windows, Mac, Chrome operating system or any desktop platform on which Chrome is available.

The only problem? He is hidden in a place where no normal mortal could find him.

Get ready for the explosion of your web browsing brain.

Before you get into the footsteps of this spicy technical sandwich, a quick but important warning: this method of capturing Chrome screenshots takes you to certain areas of your browser where ordinary people shouldn’t do too much. The command is hidden in the Chrome Developer Tools section, and there’s a lot of advanced stuff that could ruin your browsing session if you’re not careful. However, follow this specific set of instructions and do not touch or touch anywhere else in that area and you should feel good.

Mixed? Mixed. Okay, here’s the simple, hassle-free, no-extensions shortcut to capture a screenshot in Chrome:

  1. Press Ctrl-Shift-I (or Cmd-Option-I on a Mac).
  2. Press Ctrl-Shift-P (or Cmd-Shift-P on a Mac).
  3. Write the word print Screen .

And that’s it. You’ll see a series of screenshot options that appear in a panel on the right side of the screen. All that’s left is to figure out what you want:

  • If you want to capture a specific area of ​​the current page, press Enter; which will select the default «Capture Area Screenshot» option, which will then allow you to draw a box around the area you want to save.
  • If you want to capture page completely As if scrolling from top to bottom, press the down arrow once and select «Capture screenshot full size».
  • If you only want to capture a screenshot of the current visible area, press the up arrow once; which will take you to the «Capture screenshot» option.

JR

There’s also the fourth option, «Capture the screenshot of the node,» but you probably don’t want to bother with that.

Any screenshot you capture will appear as a regular download of the image file at the bottom of the browser window; Then you can open the file by double-clicking there or searching the Chrome download folder.

An advanced Chrome screenshot option

from truth you want to go crazy, you say? Well, wrap the back brain, excited about the technology: in addition to capturing the usual screenshots with this method, you can also capture a screenshot of Interface mobile of a site directly from your computer with almost exactly the same set of steps.

Here’s the catch: start with the same first step I just took: Ctrl-Shift-I (or Cmd-Option-I on a Mac), then stop for a second. Do you see that bar at the top of the screen, just below the address bar? Click in the area that says «Responsive» and select the type of device you want from the list that appears.

Chrome Screenshot (2)
JR

This will make the site you are viewing appear to be viewed on the selected phone. Great, right?

Chrome Screenshot (3)
JR

Once you’ve done that, pick up where you left off and continue with the last two steps above to capture and save the screenshot. The resulting image will be the size and shape of the phone.

Chrome Screenshot (4)
JR

Ctrl-Shift-I, Ctrl-Shift-P, «screenshot». Say it, sing it, save it to your memory, and change the way you take screenshots from your Chrome desktop browser forever.