Closure Tracker is a google chrome plugin which provides real-time graphs and information about Javascript events that are being fired. It is meant for use with the Google Closure Javascript library.
First clone the repository
git clone git://github.com/Jigarsolanki/closure-tracker.git
You will have to have npm installed as well as node. You have to run the node application to serve the JS files for development. Go to the folder you cloned Closure Tracker to and type
npm install
node app.js
After that install the plugin for chrome by going to
- Settings > Extensions
- Enable 'Developer Mode'
- Load unpacked extension
- Browse to where you cloned the repository and select the chrome-extension-development folder
The tracker will now be enabled for any site you visit from 127.0.0.1 or localhost
- To open or close the tracker press 'alt + shift + t' or click on the Tracker button.
- Press the reset button to clear the logger and total event graph
- Add items to the input box above the logger to exclude events you don't care about
This is a measure of events that are firing RIGHT NOW. It provides an idea of just how many events got fired in a very short timespan (seconds). The idea is similar to a steam engine hitting a tipping point in how much energy it is expending at that exact moment
This graph is continuously updated with the current count of event listeners on the page. Anytime listeners increase or decrease it will be reflected here.
The barchart here shows all event types that have been fired and the count of how many times they have been fired.
The event logger stores the last 200 events that have been fired and the name of the event. An input box is present allowing one to exclude events by typing in an event name they don't want to see in the logger anymore.
Clicking on an event in the logger will output the entire event to the google chrome console (we attempted to do this in the toolbar but this proved to be a simpler and faster solution)