Pankaj Kumar
Pankaj Kumar

Reputation: 1768

How to step through code in Google chrome javascript debugger

I am really getting frustrated with Google Chrome... I have version 3.0.195.27 and want to debug some JavaScript that is working in IE, FF but not in Chrome.

When I open the debugger and mark breakpoints (the blue arrow thingy) and execute the JavaScript it hits the breakpoint and then I do not know how to step through code....I tried all function keys .....F5 causes the whole window to refresh....

Typing next in console window does nothing.....

Plus the debugger is very slow to further add salt to the wounds...

Upvotes: 28

Views: 47613

Answers (5)

C S
C S

Reputation: 11

I'm not sure if this is still relevant, but an easier way to debug (at least for a function): In the CDT console, type debugger, hit shift + enter; call the function you want to debug; hit enter. Then you can step through the function using the arrow keys in the debug tool.

Upvotes: 1

Rich
Rich

Reputation: 41

In addition to the F8 (Run) F10 (Step over) and F11 (step into) you can single step your code by clicking on the line number at the left of each line and one at a time create a breakpoint on each line. Then by using F8 your code will run one line and stop at the next breakpoint. This has the effect of enabling you to single step through your code. If the next code line is a function then use F10 or F11 depending on the result you desire.

Someone voted down this answer, but didn't say why. A comment would be helpful. If you have a better way to single step through the code, please add a comment explaining your approach.

Upvotes: 3

k0ni
k0ni

Reputation: 2477

I recommend you to debug with FireBug. It is the absolutely best tool for it.

I have Chrome version 4.0.221.6, and there i got a button list where i can step in / step through

so maybe you need to update your Chrome version?

Upvotes: -1

Christian C. Salvadó
Christian C. Salvadó

Reputation: 827942

I'm on Chrome 3.0.195.27, and I'm able to use the following keys:

  • F8 -> Run

  • F10 -> Step over

  • F11 -> Step into

Make sure you have focus on the JavaScript console.

Upvotes: 66

Jesper
Jesper

Reputation: 1

Use the pause, step over, step into, step out buttons at the right end of the inspector, below the search field and above the watch/call stack section.

Upvotes: 4

Related Questions