I don’t know how long this feature has been in the Dev Tools but I know it’s something that I could have used a few times over the years. When you inspect an element hidden down in the corner underneath the “Styles”, “Properties”, “DOM Breakpoints” among others, is the “Event Listeners” panel.
Second, there’s be a couple of times where I’ve added a click event to an element and nothing happens or something other than what I wanted to happen happened. Turns out it had another click event assigned to it and that one was overriding it. Something that took me forever to figure out would have taken me five minutes if I’d checked it using the Dev Tools first.
Again, I’m not sure if I’m late to the party on this but I didn’t know about it until I watched Secrets of the Chrome Developer Tools a few days ago. But this is definitely something that every front-end developer should have in his or her tool kit.
Plus, you can use it to take a look at all the event listeners jQuery adds when you assign a click event to an element.