VisualEvent Bookmarklet VisualEvent Bookmarklet / tool / free

https://github.com/DataTables/VisualEvent

An extremely useful bookmarklet that shows all events assigned to your elements in a very nice way. Definitely check this one out. Demo in comments.
1 favorite
submitted about 4 years ago, by pineapple
VisualEvent Bookmarklet popular tool

2 Comments

pineapple

http://sprymedia.co.uk/VisualEvent/demo/ (uses dataTables as an example, let it load a minute)

note it does actually make you download and use locally, which is somewhat of a nuisance.

If you'd like to request it right from their server I have modified the bookmarklet, just edit the URL of the bookmarklet they have you drag to this:

javascript:(function() {var url = 'http://www.sprymedia.co.uk/VisualEvent/VisualEvent_Loader.js';if( typeof VisualEvent!='undefined' ) {if ( VisualEvent.instance !== null ) {VisualEvent.close();}else {new VisualEvent();}}else {var n=document.createElement('script');n.setAttribute('language','JavaScript');n.setAttribute('src',url+'?rand='+new Date().getTime());document.body.appendChild(n);}})();

pineapple, about 4 years ago

pineapple

It does seem to have difficulties with a lot of pages it seems, which really sucks because this is so much easier to read than chrome dev tools.

pineapple, about 4 years ago


Login or to comment.

Tutorials are any resources you learn from.

Examples: an intro to html5 screencast, a pdf about git, photoshop effects tutorials, meta-programming in ruby, lambda calculus, higher-order fixed-point combinators.

Tools are websites, apps or services used -on- your project (indirectly), to aid the process.

Examples: A color scheme generator, email marketing software, usability heat maps, css3 code generators, a downloadable png compressor.

Assets are downloadable files used -in- your projects, usually as code, textures, or images.

Examples: a jquery sticky menu, photoshop brushes, background textures, mvc frameworks, twitter bootstrap, 960 grid system.