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等の古いブラウザではエラーとなってしまうようなのでご注意ください。