Take a screenshot of part of a webpage from the Command Menu

Help us make DevTools Tips better! Fill out this survey to tell us more about your DevTools habits and frustrations.

Categories: Supported by:

Take a screenshot of part of a webpage from the Command Menu

The Command menu in Edge and Chrome is a great way to do many of the things you can do in DevTools without having to navigate the UI.

Csaba Kissi shared a great tip on Twitter about the Command menu:

  1. Press Ctrl+Shift+P on Windows or Linux (or Cmd+Shift+P on mac) to open the Command menu in DevTools.
  2. Type "screenshot" to filter the list of commands.
  3. Select the screenshot command you want to use, such as Capture area screenshot to grab a screenshot of a part of the page.

Edge, with DevTools opened, and the Command menu showing the list of screenshot commands

See also