Thursday, July 11, 2013

Identify Javascript bindings of the DOM elements with Visual Event

Here is a simple yet powerful way to find out the binding details of a DOM element in a page. We will be able to find out the method calls associated with the DOM and the corresponding action on which it will be triggered. There is a bookmarklet called VisualEvent. Using this bookmarklet we can easily accomplish this.

Add the below link to your bookmark toolbar of your browser.

Book Mark This

On the page where you have to inspect, click this book mark. The bookmarklet will run and open an overlay showing the elements which have any bindings. Hover over each element to know the binding.

Found this very useful for javascript debugging.

Screenshot of google page with the visual event highlighting the dom with bindings.


No comments:

Post a Comment