Google Chrome's Javascript console keyboard shortcuts

Question

I would like to debug my javascript application using Google Chrome 3's developer tools. Everything fine and ok, until I actually want to start debugging. I can set breakpoints etc., but I don't want to debug using a mouse but using keyboard.

In Firefox + Firebug I can use F10, F11 and F8 for stepping over, into and run debugged script.

Are there any keyboard shortcuts in Google Chrome's Javascript console window?

System configuration (if relevant):

Windows Server 2008 R2 (would probably work the same in Windows 7)
Google Chrome 3.0.195.21

Edit
I investigated this issue even further and it turns out to be some sort of a bug, because when I restart Chrome, F8, F10 and F11 work as expected (same as Firebug).

The answer is ESC key. – Muhammad Umer Jul 22 '13 at 00:03 — Muhammad Umer, Jul 22 '13 at 00:03

score 60 · Accepted Answer · edited Sep 25 '09 at 08:35

60

F8 - Run

F10 - Step over

F11 - Step into

Works for me

edited Sep 25 '09 at 08:35

Robert Koritnik

103,639
52
277
404

answered Sep 17 '09 at 08:33

Christopher Tokar

11,644
9
38
56

2

No definitely doesn't work in Chrome 3. F11 is browser universal Full screen shortcut – Robert Koritnik Sep 17 '09 at 08:50
4

Yes, browser universal for when the browser window itself is focused but not when the debugger is focused. – Christopher Tokar Sep 17 '09 at 08:53
Strange. In my case even Developer Tools window fullscreens. Tried F11 with separate window as well as docked into browser. Same behaviour. – Robert Koritnik Sep 17 '09 at 08:57
Windows Server 2008 R2 which would probably be equal to Windows 7. – Robert Koritnik Sep 17 '09 at 08:59
1

Perhaps you can submit a bug to Google :) – Christopher Tokar Sep 17 '09 at 09:16
For me it works *sometimes* (Chrome 12.0.742.91). All of a sudden the F11 keys maps to "debugger window fullscreen", so I can't use it to step into a function call any more. Didn't figure out when that happens. The other keys also don't work any more in that case. – Jan Willem B Jun 16 '11 at 07:25

score 58 · Answer 2 · edited Dec 02 '11 at 02:53

58

To see the full list of shortcuts for the currently installed version: in chrome open the Developer Tools Ctrl+Shift+I and then open shortcut help ?. enter image description here

Edit: To get list of shortcuts, press Shift + ? when you are in other than 'console' tab, like 'Elements' or 'Resources'

edited Dec 02 '11 at 02:53

TylerT

87
8

answered Jun 15 '11 at 04:23

yurilo

3,079
2
23
14

score 11 · Answer 3 · answered Jan 12 '11 at 19:46

11

In addition to Chris Tek's answer:

Shift + F11 - Step Out Of

answered Jan 12 '11 at 19:46

G-Wiz

7,370
1
36
47

That's a helpful one. Thanks. – Robert Koritnik Jan 12 '11 at 22:52

score 7 · Answer 4 · answered May 18 '11 at 02:01

7

Here is the full list of shortcuts for the latest version of Chrome Developer Tools:

http://code.google.com/chrome/devtools/docs/shortcuts.html

answered May 18 '11 at 02:01

T Nguyen

3,309
2
31
48

score 0 · Answer 5 · edited May 26 '16 at 16:33

0

Toggle Breakpoint: Ctrl+B, pretty essential!

https://developer.chrome.com/devtools/docs/shortcuts

edited May 26 '16 at 16:33

Ulf Gjerdingen

1,414
3
16
20

answered Apr 24 '15 at 15:02

Mosca Pt

517
4
10

score 0 · Answer 6 · answered Aug 24 '17 at 06:47

0

A much better reference of Chrome DevTools shortcuts can be found here (https://shortcutref.com/chrome-dev-tools).

This page only shows the relevant shortcuts (level, OS, category) and has short and precise descriptions.

answered Aug 24 '17 at 06:47

yadongwen

31
6

While this link may answer the question, it is better to include the essential parts of the answer here and provide the link for reference. Link-only answers can become invalid if the linked page changes. – Martin Evans Aug 24 '17 at 07:11

Google Chrome's Javascript console keyboard shortcuts

6 Answers6

Linked