Ask HN: Webdevs, designers: what devtools should we (Mozilla) build in Firefox?

Re:Ask HN: Webdevs, designers: what devtools should we (Mozi... by theallan on Tuesday March 05, 2013 @01:07PM (#5326195)

> Visualized event bindings. Would be awesome to have a visual indicator of event bindings right on the page. Color-coded bounding boxes drawn around elements with a label denoting the event type.

A bit of shameless self promotion - I wrote a bookmarklet to do that asking talking to a couple of Mozilla folks a few years back: http://sprymedia.co.uk/article/Visual+Event+2 . Source is available on GitHub: https://github.com/DataTables/VisualEvent .

The biggest problem I faced with this is that there is no DOM method to get a list of the events that have been bound to a node. Possibly a Firefox plug-in would have the ability to access that information, but it can't be done through the DOM at the moment, so I had to resort to parsing the information available from the libraries, each needing its own integration file...

[ Parent | on HN ]

Re:Ask HN: Webdevs, designers: what devtools should we (Mozi... by sangnoir on Tuesday March 05, 2013 @02:17PM (#5326662)

Thanks for the awesome tool! I've found it handy on more than one occasion to trace jQuery/vanilla JS listeners. Any plans for Dojo support?

[ Parent | on HN ]

Re:Ask HN: Webdevs, designers: what devtools should we (Mozi... by theallan on Wednesday March 06, 2013 @04:10AM (#5330227)

Hadn't been planning it, but it sounds like a very sensible idea! Added an issue in GitHub which you can follow if you like: https://github.com/DataTables/VisualEvent/issues/26

[ Parent | on HN ]

Re:Ask HN: Webdevs, designers: what devtools should we (Mozi... by eric_bullington on Tuesday March 05, 2013 @03:09PM (#5327000)

Thanks so much for the plugin -- I use it frequently. It's the one bookmarklet I actually use enough to keep on my bookmarks bar.

[ Parent | on HN ]