debug javascript jQuery

Debug javascript with Chrome tools:

The Chrome WebKit Developer Console lets you view attached events for elements. Right click mouse on element => "Inspect element" (F12) => "Elements" tab => "Event Listeners" section;

Debug javascript visually with extension:

• Visual Event 2 - javascript bookmarklet - shows all javascript events (on the Visual Event 2 page find button and drag it to bookmarklet section; than on page for debugging click this bookmarklet and watch javascript events)
• Visual Event 2 - chrome extension

Debug javascript events via code:

<script>
$(function(){
	$('.target').click(function() {
		console.log('.target clicked');
	});

	var clickEvents = $('.target').data('events').click;
	jQuery.each(clickEvents, function(key, handlerObj) {
		console.log(handlerObj.handler) // prints "function() { console.log('.target clicked') }"
	})
});
</script>