Navigate Chrome DevTools faster with these keyboard shortcuts.
| Cmd+Option+I | Open DevTools |
| Cmd+Option+J | Open Console panel |
| Cmd+Option+C | Open Elements panel (inspect mode) |
| F12 | Toggle DevTools |
| Cmd+Shift+C | Toggle inspect element mode |
| Up / Down | Navigate DOM nodes |
| Right | Expand node |
| Left | Collapse node |
| Enter | Edit attribute |
| F2 | Edit as HTML |
| H | Toggle element visibility |
| Delete | Delete element |
| Cmd+Z | Undo |
| Ctrl+L | Clear console |
| Tab | Autocomplete suggestion |
| Up | Previous command in history |
| Down | Next command in history |
| Shift+Enter | Multi-line entry |
| Cmd+K | Clear console (alternative) |
| Cmd+P | Open file |
| Cmd+Shift+P | Run command |
| Cmd+G | Go to line |
| F8 | Pause / Resume script |
| F10 | Step over |
| F11 | Step into |
| Shift+F11 | Step out |
| Cmd+B | Toggle breakpoint |
| Cmd+\ | Pause on exceptions |
| Cmd+E | Start / Stop recording |
| Cmd+K | Clear requests |
| Cmd+F | Search network requests |
| R | Replay XHR request |
| Cmd+[ | Previous panel |
| Cmd+] | Next panel |
| Cmd+Shift+D | Toggle dock position |
| Cmd+Shift+M | Toggle device mode |
| Esc | Toggle console drawer |
| ? | Open Settings |