How to step through code in Google chrome javascript debugger

Question

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...

Solution 1

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.

Solution 2

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.

Solution 3

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.