JavaScript Console Shortcut (Ctrl+Shift+J / ⌘⌥J)
Open the JavaScript console directly: ⌘⌥J on Mac, Ctrl+Shift+J on Windows. Jumps straight to the Console panel.
| Action | Mac | Windows | |
|---|---|---|---|
| Open Console panel | ⌘⌥J | Ctrl+Shift+J | |
| Open DevTools | ⌘⌥I | F12 | |
| Toggle Console drawer (DevTools open) | Esc | Esc | |
| Clear the console | ⌘K | Ctrl+L | |
| Inspect element | ⌘⇧C | Ctrl+Shift+C |
Go straight to the Console
⌘⌥J (Mac) or Ctrl+Shift+J (Windows) opens the developer tools directly on the Console panel, ready for you to read errors or type JavaScript. It skips the extra click you'd need after F12.
Clear it fast
Once the console fills up, ⌘K (Mac) or Ctrl+L (Windows) wipes it clean. With DevTools already open, tap Esc to slide the console drawer in and out over any other panel.
FAQ
How do I open the JavaScript console?
Press ⌘⌥J on the Mac or Ctrl+Shift+J on Windows to open DevTools directly on the Console.
How do I clear the console?
Press ⌘K on the Mac or Ctrl+L on Windows while the Console is focused.
What's the difference between Ctrl+Shift+J and F12?
F12 (⌘⌥I) opens DevTools on the last panel you used; Ctrl+Shift+J (⌘⌥J) always lands on the Console.