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

<br />

Found yourself lost in DevTools? Learn how to:

- Pair panels and tabs you use frequently with the **Drawer**.
- Access panels and options with the **Command Menu** even if you forgot where they are.
- Disable automatic layout changes.
- Customize DevTools-specific shortcuts to your preferences.

Watch the video to see these tips in action or read on for highlights.

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

- Press <kbd>Escape</kbd> to open or close the **Drawer**.

  ![The Drawer.](https://developer.chrome.com/static/blog/devtools-tips-2/image/the-drawer-4ef5396f48c66.png)
- Click ![More Tools.](https://developer.chrome.com/static/blog/devtools-tips-2/image/more-tools-b0cd3b22a455d.svg) **More Tools** to open other **Drawer**
  tabs.

  ![The More Tools button that opens other Drawer tabs.](https://developer.chrome.com/static/blog/devtools-tips-2/image/the-more-tools-button-op-327936d70cd1a.png)
- Reorder DevTools panels and **Drawer** tabs and combine them by moving them up and down to and from the **Drawer**.

- Search, run commands, toggle settings, and open panels and tabs with the **Command Menu** even if you forgot where to find them.

  ![DevTools Command Menu.](https://developer.chrome.com/static/blog/devtools-tips-2/image/devtools-command-menu-d6addf5e7b10c.png)
- Change DevTools layout from `auto` to always `horizontal` or `vertical`.

- Customize DevTools shortcuts. Check ![Settings.](https://developer.chrome.com/static/blog/devtools-tips-2/image/settings-6671070f955ff.svg) **Settings** \> **Experiments** \> **Enable keyboard shortcut editor**.

  ![Editing a shortcut in Settings.](https://developer.chrome.com/static/blog/devtools-tips-2/image/editing-shortcut-settin-3116a1a08d11.png)

For a more hands-on learning experience, see the [Customize DevTools](https://developer.chrome.com/docs/devtools/customize.md.txt) tutorial.

To learn more, see:

- [Keyboard shortcuts reference](https://developer.chrome.com/docs/devtools/shortcuts.md.txt)
- [Run commands in the Command Menu](https://developer.chrome.com/docs/devtools/command-menu.md.txt)
- [Change DevTools placement](https://developer.chrome.com/docs/devtools/customize/placement)
- [Enable dark theme](https://developer.chrome.com/docs/devtools/customize/dark-theme)