DevTools Tips

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

Categories: Supported by:

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