Useful Chrome DevTools shortcuts
1 May 2022 (Updated 20 February 2023)
Tested on macOS only.
| Action | Shortcut | When |
| Enter element select mode | Cmd + Shift + C | Globally |
| Enter device emulation mode | Cmd + Shift + M | DevTools open |
| Recursively expand or collapse DOM node | Hold Alt / Option and click on the arrow to the left of a DOM node. | Elements tab |
| Open Console Drawer | Esc | DevTools open |
| Open the Command Palette | Cmd + Shift + P | DevTools open |
| Clear the console | Ctrl + L or Cmd + K | Console panel open |
| Move to next tab | Cmd + ] | DevTools open |
| Move to previous tab | Cmd + [ | DevTools open |
Tagged:
Chrome DevTools