How to set a JavaScript breakpoint from code in Chrome?

javascript debugging google-chrome breakpoints

You can use debugger; within your code. If the developer console is open, execution will break. It works in firebug as well.

javascript debugging google-chrome breakpoints

You can also use debug(function), to break when function is called.

javascript debugging google-chrome breakpoints

Set up a button click listener and call the debugger;

Example

$("#myBtn").click(function() { debugger;   });

Demo

http://jsfiddle.net/hBCH5/

Resources on debugging in JavaScript

CodeHunter