Kayce Basques

Sofia Emelianova

TheCommand Menu provides a fast way to navigate the Chrome DevTools UI and accomplish common tasks,such asdisabling JavaScript. You may be familiar with a similar feature in Visual Studio Codecalled theCommand Palette, which was the original inspiration for theCommand Menu.

Open the Command Menu

To open theCommand Menu:

• PressControl+Shift+P (Windows / Linux) orCommand+Shift+P (Mac).
• ClickCustomize and control DevTools and then selectRun command.

Open files

If you use the workflow outlined inOpen the Command Menu, theCommand Menu opens with aRun > prepended in the text box.

To open a file instead, delete the> character and start typing a filename.

TheRun prepend changes toOpen and DevTools searches for relevant files instead.

Alternatively, you can go straight to theOpen File menu in one of the following ways:

• PressControl+P (Windows / Linux) orCommand+P (Mac).
• ClickCustomize and control DevTools and then selectOpen file.

Open ignore-listed files

Note: This is a preview feature available in Chrome from version 106.

By default, DevTools hides the files of known third-parties. To open such files from the menu, disable theHide ignore-listed sources option in theSources panel.

Capture area screenshots

TheCommand Menu lets you capture area screenshots of your website, much like the snipping tool.

1. Open the Command Menu.
2. Type "screenshot".
3. SelectCapture area screenshot.
4. Drag to select anywhere on the page to capture it.

To discover more ways to take screenshots with DevTools, see4 ways to capture screenshots with DevTools.

See other available actions

To see other actions available from theCommand Menu, delete the> character and type?.