vAnnotate - Annotate Javascript variables with their values during execution

vAnnotate shows you what values your variables have during runtime.

It logs variable assignments, function calls, etc. during execution and then overlays the source code with the collected data.

Here's an example - hover over the variables to see their values:

function add(a, b){
    return a + b;
}

var sum = add(3,4);
sum *= 5;

Here the Underscore.JS code annotated by running the unit tests.

vAnnotate on Github

Run it locally

vAnnotate is on npm:


                            sudo npm install -g vannotate

Then run vAnnotate in a folder containing a static website. The directory will be served at localhost:7000 and when you open an html file the Javascript code it loads will be annotated.

You can see annotated files at localhost:7000/vAnnotate/results.