View events fired on an element in google chrome

Hi, I am Malathi Boggavarapu working at Volvo Group and i live in Gothenburg, Sweden. I have been working on Java since several years and had vast experience and knowledge across various technologies.

 Recently i came across the situation where i need to find the event that has been triggered when i try to rotate the street view of google maps which is embedded in an iframe of the application. The real issue is the user could not rotate the street view so i need a way to find out what events are being triggered when i rotate the street view or whether any events are being triggered at all when i do it.

So finally did google search and found out the following steps to do in google chrome

- Go to More Tools -> Developer Tools or just press F12.
- Click on Sources tab
- On left hand side (or right side), scroll down to 'Event Listener Breakpoints' and expand tree
- You find all the events. See the below picture

























- Select the event that you want to listen to and interact with the target element on the browser. If the selected event is fired, you will get a breakpoint in the debugger.
- You can also enable 'Pause on caught exceptions' to see or know whether any exceptions are thrown. It is very useful feature especially for debugging purposes.

Hope it is helpful

Comments

Popular posts from this blog

Bash - Execute Pl/Sql script from Shell script

Gradle Fundamentals

Load Balancing using Spring Cloud Netflix Ribbon