Javascript and jQuery Debugger in Google chrome

Assuming you're running on a Windows machine...

1. Hit the F12 key
2. Select the Scripts, or Sources, tab in the developer tools
3. Click the little folder icon in the top level
4. Select your JavaScript file
5. Add a breakpoint by clicking on the line number on the left (adds a little blue marker)
6. Execute your JavaScript

Then during execution debugging you can do a handful of stepping motions...

• F8 Continue: Will continue until the next breakpoint
• F10 Step over: Steps over next function call (won't enter the library)
• F11 Step into: Steps into the next function call (will enter the library)
• Shift + F11 Step out: Steps out of the current function