カテゴリー
技術的なお話

JavaScriptのデバッグはalert()ではなくconsole.log()を使う

JavaScriptのちょっとしたデバッグにはalert()を使う事が多かったのですが、console.log()なんていう便利なものがある事を最近しりました。

console.log(hoge);

とするとhogeがコンソールに出力されます。

コンソールの出し方はブラウザにより異なります。

  • chrome(Windows):F12 or Ctrl+Shift+I
  • chrome(Mac):コマンド+オプション+I
  • Safari (Mac):コマンド+オプション+I
  • IE(8以上): F12

FirefoxはFirebugを入れましょう。

htmlの要素がみられるインスペクタは年中使っていたので、まさかこんな身近なところに、ぐぬぬ…という感じでした。

ちなみにconsole.logはIE7等の古いブラウザではエラーとなってしまうようなのでご注意ください。