# Chrome Console Test

# Chrome Console Test

by jihoon kim

HTML

<h3>Console Test</h3>
<p>Open console window for test.</p>
<button>printfStyle</button>
<button>byType</button>
<button>assert</button>
<button>trace</button>
<button>group</button>
<button>groupCollapsed</button>
<button>profile</button>
<button>time</button>

CSS

h3,p,button{font-family:Helvetica}
p{font-size:12px}
button{display:block; margin-top:5px}

JavaScript

// define button handler
var handler = {
    printfStyle: function() {
        console.log("name: %s, value: %dwon", "Melon", 8000);
        console.log("buttons: %o", $("button"));
    },

    byType: function() {
        console.info("info msg");
        console.warn("warning msg");
        console.error("error msg");
    },

    assert: function() {
        console.assert(1 === 0, "1 must be 1.");
    },

    trace: function() {
        console.trace();
    },

    group: function() {
        console.group();
        console.log("A");
        console.log("B");
        console.log("C");
        console.groupEnd();
    },

    groupCollapsed: function() {
        console.groupCollapsed("groupA");
        console.log("A");
        console.log("B");
        console.log("C");
        console.groupEnd();
    },

    profile: function() {
        console.profile("x");
        console.profile("y");
        var s = "Check the Profiles Panel after test.";
        for (var i = 0; i < 10000000; i++) {
            s += "test";
            if (i === 50000) {
                console.profileEnd("x");
            }
        }
        console.profileEnd("y");
    },

    time: function() {
        console.time("timerA");
        setTimeout(function() {
            console.timeEnd("timerA");
        }, 100);
    }

};


// event binding for test
$("button").click(function() {
    var name = $(this).text();
    console.log("[%s]", name);
    handler[name]();
});