Firefox-like event listener detection in Chrome Dev Tools?

#firefox #chrome #help

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.

Perhaps a feature request somewhere I can vote for?

Top comments (3)

Dzhavat Ushev • Sep 25 '19

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:

Peter Timoshevsky • Sep 25 '19 • 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) {...})

Dzhavat Ushev • Sep 26 '19

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

DEV Community

Firefox-like event listener detection in Chrome Dev Tools?

Top comments (3)

Read next

"How the Open Source Project Uses EarlyAI to Enhance Framework Code Quality"!

Kotlin Coroutines vs. Java Threads: A Concurrency Conundrum (Solved with a Sprinkle of Kotlin Magic!)

Our problem with backlogs

Boost Your React App's Performance with Memoization: Exploring useMemo, useCallback, and React.memo