IE8 のコンソール・ログを試す

JavaScript IE8

初めに

IE8 でコンソール・ログが出力できるようになったんですね。
標準で使えるようになった Developer Tools ウインドウで Console API が使えるようになりました。で、試してみました。

手始めに内容を見る

IE8 のメニュー [Tools] → [Developer Tools] または、[F12] キーを押すと、Developer Tools ウインドウが開きます。

この画面の Script タブ を開いて、画面右下の [Multi Line Mode] ボタンを押して、以下のコードを貼り付けて [Run Script] ボタンを押します。

var s="";
for (var p in console) {
  s = s + p + ", ";
}
console.log(s);

実行結果

見たところ現在 IE8 では、console.log, info, warn, error, assert, clear が使えるようです。Firebug の Console API と完全に互換性があるわけではないようです。

HTML ファイルで試す

HTML ファイルに埋め込んで使うことも出来ます。但しその場合、Developer Tools ウインドウを予め表示しておかなければいけないみたいです。そうしておかないとエラーとして扱われてしまいました。
Developer Tools ウインドウを開いておかないとエラーになる

Developer Tools ウインドウを開いた後、以下の HTML を IE8 で開きます。

<html>
<head>
<script type="text/javascript">
console.log("log です");
console.info("info です");
console.warn("warn です");
console.error("error です");
console.assert(true, "assertion 成功です"); // 第一引数の式が true だと出力されない。
console.assert(false, "assertion エラーです");
</script>
<body>
<button onclick="console.clear();">ログをクリア</button>
</body>
</html>

HTML を IE8 で表示したときの Developer Tools ウインドウ

「ログをクリアボタン」を押して console.clear() を実行すると、コンソールがクリアされます。

まとめ

alert() で見たい内容を逐一確認するのも良いですが、使い分ければ便利ですね。


追記：
こちらのページにも IE8 の Console API について記載されてますね。
http://diaspar.jp/node/92