Search code examples
javascriptjquerydebugginggoogle-chromedeveloper-tools

Google Chrome JavaScript debugging line by line

I am trying to follow the guide here: https://developers.google.com/chrome-developer-tools/docs/scripts-breakpoints

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

Solution

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