jsprint fiddle (github.com/brigand/jsprint2)

HTML

<script src="http://brigand.github.io/jsprint2/build/jsprint.min.js"></script>

CSS

body {
    font-size: 11px;
}

JavaScript

var name = "John Smithd";

var parts = name.split(" ");
jsprint(parts);

var details = {
    first: parts[0],
    last: parts[1]
};
jsprint(details);

a0784db5::jsprint
{
    hello: "world",
}

jsprint("this is just a standard log message");