console API memo

console_API_memo.md

Formatted log message

Use %c as a specficier to format with CSS style.

console.log(`%c${myText}`, 'color: red; background: black;');

Group log

Console groups can be nested.

console.group();
console.log();
// ...
console.groupEnd();

console.groupCollapsed();
console.log('something');
// ...
console.groupEnd();

Log Arrays

console.log(arr); // yup, we all know this one!
console.dir(arr); // more JSON like output
console.table(arr); // table style output

Different error levels

console.info();
console.warn();
console.error();

Stack trace

Print out the functional call stack.

function funcA() {
  console.trace();
}

Test Time

Similar purpose as performance.now

console.time('funcA');
funcA();
console.timeEnd('funcA');

Test CPU profile

Monitor CPU profile of a certain function. This is super cool!

console.profile('funcA');
funcA();
console.profileEnd('funcA');