DEV Community

Peter Timoshevsky
Peter Timoshevsky

Posted on

Firefox-like event listener detection in Chrome Dev Tools?

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?

Top comments (3)

Collapse
 
dzhavat profile image
Dzhavat Ushev

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

Collapse
 
fcfn profile image
Peter Timoshevsky • Edited

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) {...})
Collapse
 
dzhavat profile image
Dzhavat Ushev

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