Opening DevTools
| Shortcut | Description |
|---|---|
F12 | Open DevTools |
Cmd/Ctrl + Shift + I | Open DevTools |
Cmd/Ctrl + Shift + J | Open Console panel |
Cmd/Ctrl + Shift + C | Open in inspect mode |
Cmd/Ctrl + Option/Alt + I | Open DevTools (Mac/Win) |
Panel Switching
| Shortcut | Description |
|---|---|
Cmd/Ctrl + ] | Next panel |
Cmd/Ctrl + [ | Previous panel |
Cmd/Ctrl + Shift + M | Toggle device mode |
Esc | Toggle Console drawer |
Cmd/Ctrl + Shift + P | Open command menu |
Elements Panel
| Shortcut | Description |
|---|---|
↑/↓ | Select element |
←/→ | Expand/collapse element |
Enter | Edit attribute |
H | Toggle element visibility |
Delete | Delete element |
Cmd/Ctrl + Z | Undo changes |
F2 | Edit as HTML |
Console Panel
| Shortcut | Description |
|---|---|
Cmd/Ctrl + L | Clear console |
Tab | Autocomplete |
↑/↓ | Command history |
Shift + Enter | Multi-line input |
Cmd/Ctrl + U | Clear line |
Console Commands
| Command | Description |
|---|---|
$0 | Reference selected element |
$_ | Last evaluated result |
$('selector') | querySelector |
$$('selector') | querySelectorAll |
$x('xpath') | Select by XPath |
copy(object) | Copy to clipboard |
clear() | Clear console |
dir(object) | Show object properties |
table(data) | Display as table |
monitor(fn) | Monitor function calls |
monitorEvents(el) | Monitor events |
Sources Panel (Debugging)
| Shortcut | Description |
|---|---|
F8 / Cmd/Ctrl + \ | Pause/resume |
F10 / Cmd/Ctrl + ' | Step over |
F11 / Cmd/Ctrl + ; | Step into |
Shift + F11 | Step out |
Cmd/Ctrl + B | Toggle breakpoint |
Cmd/Ctrl + G | Go to line |
Cmd/Ctrl + O | Open file |
Cmd/Ctrl + Shift + O | Go to function |
Network Panel
| Shortcut | Description |
|---|---|
Cmd/Ctrl + E | Start/stop recording |
Cmd/Ctrl + R | Reload page |
Cmd/Ctrl + Shift + R | Hard reload (ignore cache) |
Network Filters
| Filter | Description |
|---|---|
XHR | XMLHttpRequest/Fetch only |
JS | JavaScript files only |
CSS | CSS files only |
Img | Images only |
Doc | Documents only |
is:running | In-progress requests |
larger-than:100k | Files over 100KB |
-domain:example.com | Exclude domain |
Performance Panel
| Shortcut | Description |
|---|---|
Cmd/Ctrl + E | Start/stop recording |
Cmd/Ctrl + S | Save profile |
Cmd/Ctrl + Shift + E | Record page load |
Application Panel
| Feature | Description |
|---|---|
| Local Storage | View/edit local storage |
| Session Storage | View/edit session storage |
| Cookies | View/edit/delete cookies |
| Cache Storage | View cache |
| IndexedDB | View IndexedDB |
| Clear storage | Clear all storage |