![Kayce Basques](https://web.dev/images/authors/kaycebasques.jpg) Kayce Basques [X](https://twitter.com/kaycebasques) [GitHub](https://github.com/kaycebasques) ![Sofia Emelianova](https://web.dev/images/authors/sofiayem.jpg) Sofia Emelianova [GitHub](https://github.com/sofiayem)

<br />

[Video](https://www.youtube.com/watch?v=xHusjrb_34A)

The **Command Menu** provides a fast way to navigate the Chrome DevTools UI and accomplish common tasks,
such as [disabling JavaScript](https://developer.chrome.com/docs/devtools/javascript/disable.md.txt). You may be familiar with a similar feature in Visual Studio Code
called the [Command Palette](https://code.visualstudio.com/docs/getstarted/userinterface#_command-palette), which was the original inspiration for the **Command Menu**.

![The Command Menu.](https://developer.chrome.com/static/docs/devtools/command-menu/image/the-command-menu-548e4aa6667da.png)

## Open the Command Menu

To open the **Command Menu**:

- Press <kbd>Control</kbd>+<kbd>Shift</kbd>+<kbd>P</kbd> (Windows / Linux) or <kbd>Command</kbd>+<kbd>Shift</kbd>+<kbd>P</kbd> (Mac).
- Click ![Customize and control DevTools.](https://developer.chrome.com/static/docs/devtools/command-menu/image/customize-control-devtoo-e0e773bec2e98.svg) **Customize and control DevTools** and then select **Run command**.

![Run command.](https://developer.chrome.com/static/docs/devtools/command-menu/image/run-command-28db4161e1508.png)

## Open files

If you use the workflow outlined in [Open the Command Menu](https://developer.chrome.com/docs/devtools/command-menu.md.txt#open), the **Command Menu** opens with a `Run >` prepended in the text box.

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

![Open.](https://developer.chrome.com/static/docs/devtools/command-menu/image/open-1dc1318d2f71a.png)

The `Run` prepend changes to `Open` and DevTools searches for relevant files instead.

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

- Press <kbd>Control</kbd>+<kbd>P</kbd> (Windows / Linux) or <kbd>Command</kbd>+<kbd>P</kbd> (Mac).
- Click ![Customize and control DevTools.](https://developer.chrome.com/static/docs/devtools/command-menu/image/customize-control-devtoo-3be146374e7c1.svg) **Customize and control DevTools** and then select **Open file**.

### Open ignore-listed files

> [!NOTE]
> **Note:** This is a ![Experimental](https://developer.chrome.com/static/docs/devtools/command-menu/image/experimental-d260574312d0b.svg) 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 the [Hide ignore-listed sources](https://developer.chrome.com/docs/devtools/javascript/reference.md.txt#hide-ignore-listed) option in the **Sources** panel.

## Capture area screenshots

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

> [!NOTE]
> **Note:** Area capture won't work if DevTools is undocked from the window.

To take an area screenshot, follow these steps:

1. [Open the Command Menu](https://developer.chrome.com/docs/devtools/command-menu.md.txt#open).
2. Type "screenshot".
3. Select **Capture area screenshot**.
4. Drag to select anywhere on the page to capture it. ![Drag to capture area screenshot.](https://developer.chrome.com/static/docs/devtools/command-menu/image/area-screenshot.gif)

To discover more ways to take screenshots with DevTools, see [4 ways to capture screenshots with DevTools](https://developer.chrome.com/blog/devtools-tips-33.md.txt).

## See other available actions

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

![Other actions.](https://developer.chrome.com/static/docs/devtools/command-menu/image/other-actions-804629b2411fa.png)