#Selected screenshot google chrome how to#

If you skip this step, nothing will happen when running the screenshot command and no warning will be shown.

Next, select the HTML you want to take a screenshot of in the 'Elements' tab.

This is the alternative way to capture node screenshot which is available pre-86 Chrome/Edge:

Right-click the node and click 'Capture node screenshot' in the context menu.

Next, select the HTML node you want to take a screenshot of in the 'Elements' tab.

#Selected screenshot google chrome how to#

This is how to use 'Capture node screenshot':Д¬hrome/Edge version 86 introduced an easier way to capture node screenshots: The 'Capture node screenshot' will take a screenshot of the HTML Node you focused on in the DevTools. Type 'Screenshot' and select ' Capture full size screenshot'.This is how to use 'Capture full size screenshot': This is by far the most useful screenshot command as it is really hard to do manually. The 'Capture full size screenshot' will take a screenshot of the entire webpage for you, including the content that's off-screen which you would normally have to scroll for. Now the browser will automatically save the screenshot to disk or prompt you for a location to store it.

Focus back onto the web page and draw a rectangle by left-clicking and dragging the mouse.Type 'Screenshot' and select ' Capture area screenshot'.Next, open the 'Run command' window by pressing ctrl+ shift+ p or by opening the menu inside of the DevTools window, click 'Run command'.Open DevTools by pressing F12, ctrl+ shift+ i, or by opening the menu > More Tools > Developer tools.This is how to use 'Capture area screenshot': This is basically a lite-version of the 'Snipping tool' or 'Snip & Sketch' application. The 'Capture area screenshot' will allow you to draw a square on your web page which will then be exported as a PNG-file.