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>