Chrome DevTools Keyboard Shortcuts
Inspect, debug, and profile web pages Practice these in our Chrome DevTools game mode.
Debug
| Action | Shortcut | |
|---|---|---|
| Inspect element mode | Ctrl + Shift + C | Details |
| Open Console panel | Ctrl + Shift + J | Details |
| Clear console | Ctrl + L | Details |
| Pause or resume script | F8 | Details |
| Search all sources | Ctrl + Shift + F | Details |
| Step over | F10 | Details |
| Step into | F11 | Details |
View
| Action | Shortcut | |
|---|---|---|
| Normal reload | Ctrl + R | Details |
| Hard reload | Ctrl + Shift + R | Details |
| Reset zoom | Ctrl + 0 | Details |
| Toggle device mode | Ctrl + Shift + M | Details |
| Zoom in | Ctrl + Shift + + | Details |
| Zoom out | Ctrl + − | Details |
| Toggle dock side | Ctrl + Shift + D | Details |
Panels
| Action | Shortcut | |
|---|---|---|
| Open Command Menu | Ctrl + Shift + P | Details |
| Open DevTools | F12 | Details |
| Search in panel | Ctrl + F | Details |
| Toggle drawer | Escape | Details |
| Focus next panel | Ctrl + ] | Details |
| Focus previous panel | Ctrl + [ | Details |
| Open file in Sources | Ctrl + O | Details |