

Capture area screenshot - Lets you drag an arbitary region of the page the capture.Capture screenshot - Captures a screenshot of the visible viewport.Capture node screenshot - Captures a screenshot of the inspected element.This captures the entire page, including what is outside of the visible viewport. Type in screenshot into the Command Menu (shortcut: Cmd + Shift + P).You can find it in Chrome's download manager at the bottom of the window.Using DevTools, you can take full page screenshots, or even a screeshot of a specific element. Your screenshot will be taken and automatically saved. Using the arrow keys on your keyboard, scroll down to the one you want and press Enter. It saves an image of what's currently visible on your screen.Ĥ. This is more of interest to developers – it lets you capture an image of just a specific HTML element selected in the Element Inspector. It's a convenient way to grab an image of a long page that extends well beyond the bottom of the screen. This option saves a picture of the entire web page, from top to bottom. Note that you can't use this tool to capture the Element Inspector itself - that never gets included in the screenshot. Select the part of the page you want to capture and it'll be saved. If you choose this option, after a moment, you'll be able to drag a box with the mouse anywhere within the Chrome window. This lets you select a specific part of the screen and save it as a screenshot. Here's what each of the four screenshot options do: You should see a set of four screenshot options. After pressing the keyboard shortcuts, you should see the Element Inspector and the search menu.ģ.
