読者です 読者をやめる 読者になる 読者になる

Console API

普段、console.log()ばかり使ってたのですが
調べてみるといろいろあったのでメモ。

Chromeで試しています。

> console.log('this is %s', 'log');
> this is log

> console.info('this is %s', 'information');
> this is information

> console.debug('this is %s', 'debug string');
> this is debug string

> console.warn('this is %s', 'Warning');
(!) this is Warning

> console.error('this is %s', 'Error');
(x) this is Error

> console.assert(true, 'Yes!');
> undefined

> console.assert(false, 'No!');
(x) Assertion failed: No!

// グループでまとめたログは折り畳める様になる
> console.group('group %d', 1); console.log('in group1'); console.groupEnd();
> group 1
    in group1

// console.time() ~ console.timeEnd()間の処理時間
> console.time('timer');
> (function() { for(var i = 0; i < 1000000000; i++) { var j=0; j++} })();
> console.timeEnd('timer');
timer: 5866ms

// 呼ばれた回数を出力。引数で識別できる
> console.count('a');
> a: 1
> console.count('a');
> a: 2
> console.count('b');
> b: 1
> console.count('a');
> a: 3

// 引数に合ったInspectorのタブが開く
> inspect(document.getElementById('ghead'))
> <div id="ghead">…</div>
> inspect(localStorage)
> Storage
// console.profile()~console.profileEnd()の間にある関数をプロファイル出来るようになる。
<script>
  console.profile();
    function test1() {
      var j = 0;
      for(var i = 0; i < 10000000; i++) {
        j++;
      }
      console.log(j);
    }

    function test2() {
      var i = 0;
      while(i < 10000000) {
        i++;
      }
      console.log(i);
    }
    test1();
    test2();
  console.profileEnd();
</script>