Re:Only 90s web developers remember this (2014)
by ornornor on Sunday November 21, 2021 @03:46PM
(#29299545)
I’ve struggled for ever with modern pages to find out what even listeners are attached to particular html elements. Is that even possible to find out? Say you’re on a webpage, and when you click a button a bunch of JS happens. Except it’s all minifies uglified. But the browser must know what JS will run when clicking that button. How do I make it show me what that code/function is without trawling through the JS code and hunting for a CSS selector or ID?
[ Parent
| on HN ]
Re:Only 90s web developers remember this (2014)
by davidsojevic on Sunday November 21, 2021 @05:35PM
(#29300460)
In Chrome you can get the event listeners for a given element by selecting/highlighting it in the Elements tab, then jumping across to the Console tab, you use:
getEventListeners($0)
getEventListeners is a Chrome console/devtools only function and $0 is a console placeholder variable for the currently selected element.It's definitely not the nicest way to find things and you often end up running into the minified/uglified madness when delving deeper, but sometimes it helps do the trick.
Re:Only 90s web developers remember this (2014)
by jraph on Sunday November 21, 2021 @04:12PM
(#29299785)
At least Firefox makes it easy to show which listeners are on which elements in the Web Developers tools. <old schmuck>The thing that looks like Firebug anyway.</old schmuck>
That you'll be able to actually read the code is another completely different story.