- Chrome DevTools Keyboard Shortcuts for Developers
- Keyboard shortcuts for opening DevTools
- Global keyboard shortcuts
- Elements panel keyboard shortcuts
- Styles pane keyboard shortcuts
- Sources panel keyboard shortcuts
- Code Editor keyboard shortcuts
- Network panel keyboard shortcuts
- Performance panel keyboard shortcuts
- Memory panel keyboard shortcuts
- Console panel keyboard shortcuts
- Search tab keyboard shortcuts
| Command | Description |
|---|---|
Ctrl + Shift + J |
Open the Console panel |
| Command | Description |
|---|---|
Ctrl + ] |
Focus the next panel |
| Command | Description |
|---|---|
Ctrl + Z |
Undo change |
| Command | Description |
|---|---|
Click a value then press Up Arrow |
Increment a property value by 1 |
| Command | Description |
|---|---|
F11 Ctrl + ; |
Step into next function call |
| Command | Description |
|---|---|
Ctrl + / |
- Toggle single-line comment. - If multiple lines are selected, DevTools adds a comment to the start of each line |
| Command | Description |
|---|---|
Ctrl + E |
Start/stop recording |
| Command | Description |
|---|---|
Ctrl + E |
Start/stop recording |
| Command | Description |
|---|---|
Ctrl + E |
Start/stop recording |
| Command | Description |
|---|---|
Ctrl + L |
Clear the Console |
| Command | Description |
|---|---|
Ctrl + Shift + { } |
Expand/collapse all search results |