loading...

Firefox-like event listener detection in Chrome Dev Tools?

fcfn profile image Peter Timoshevsky ・1 min read

I find this feature of Firefox Developer Edition developer tools very useful. Does anyone know if it's possible to get the same functionality in Chrome Dev Tools? I'm used to Chrome (also JetBrains IDEs only work with Chrome for advanced JS debugging), but it's just such a killer feature comparing with what you have to do in Chrome to find a particular event listener, and I don't like having to switch between Firefox and Chrome unless necessary.

Firefox Dev tools showing event listener on an element

Perhaps a feature request somewhere I can vote for?

Discussion

markdown guide
 

It's not exactly the same but if you select an element, you can see if there are any attached event listeners by going to the "Event Listeners" tab.

Here's a screenshot from one of my projects:

Screenshot

 

Thanks, but this doesn't show me a listener which is set like, say, so (I didn't write it), but FF does:

.on('click.bs.modal.data-api', '[data-toggle="modal"]', function (e) {...})
 

Yeah, that's true. Well, FF has some really nice features in its DevTools.