Google Chrome JavaScript debugging line by line

Question

But it doesn't seem to work, i.e.

I have done the following:

Open the Developer Tools by hitting the Control-Shift-I shortcut
Open Scripts panel and select "script.js" from scripts drop-down
Set breakpoint on line 19 by clicking the line gutter (you can use the Control-G shortcut to reveal a line in a large file)
Move your mouse over this page
You should stop on the breakpoint

Nothing happens when I hover over "this page", and it doesn't stop at the breakpoint when I hver over "this page"...

What is going on?

I need to good way to debug javascript/jquery code

In Chrome, you can use the command debugger; to stop for a breakpoint at any position of your script. — Michael Seibt
– Michael Seibt, Commented May 16, 2012 at 16:01
Thank's for that. Just ran out of 'concentration fluid' (coffee). — Michael Seibt
– Michael Seibt, Commented May 16, 2012 at 16:07

Tyilo · Accepted Answer · 2012-05-16 16:01:25Z

1

If you hover over the second screenshot on the page, it work as expected.

If this doesn't work, please try another page, as I use the chrome debugging tools quite often and I have never had a problem with it.

answered May 16, 2012 at 16:01

Tyilo

30.4k41 gold badges123 silver badges204 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1