HOME

FirebugのConsole API

Console APIの日本語解説

補足　記号の見方

console.log(object[, object, ...])

console.log	(	object	[	,0bject	,...	]	)
console.log	(	必須項目	必要なら記入できる	「,」で区切る	必要なだけ		)

例：
console.log(a);
console.log(a,b);
console.log(a,b,c,d,e,f,g);

object：オブジェクト
expression：評価式
node：ノード
name：他の名前と区別のつくユニーク名を任意でつける
console.time(name)
console.timeEnd(name)
※　console.timeとconsole.timeEndはついになるため同じ組は同じ名前にする

title：コンソールに表示されるときタイトルになる

今回使用した例題用ファイルが「ここ」にあります。右クリックして「対象をファイルに保存」を選びダウンロードしてください。

console.log(object[, object, ...])

コンソールにjavascriptのログを表示させます。

代用パターン

%s 文字列
%d, %i 整数
%f 浮動小数点数
%o オブジェクトハイパーリンク

例：

var a = "I love Firebug";
var b = 0;
console.log(a);
console.log(a,b);
console.log("value for a is %s and the value of b is %d", a, b);

結果：

console.debug(object[, object, ...])

コンソールにjavascriptのログと対応する行のハイパーリンクを表示させます。

例：

var a = "I love Firebug";
var b = 0;
console.debug(a);
console.debug(a,b);

結果：

console.info(object[, object, ...])

コンソールにアイコン

とjavascriptのログ、対応する行のハイパーリンクを表示させます。

例：

var a = "I love Firebug";
var b = 0;
console.info(a);
console.info(a,b);

結果：

console.warn(object[, object, ...])

コンソールにアイコン

とjavascriptのログ、対応する行のハイパーリンクを表示させます。

例：

var a = "I love Firebug";
var b = 0;
console.warn(a);
console.warn(a,b);

結果：

console.error(object[, object, ...])

コンソールにアイコン

とjavascriptのログ、対応する行のハイパーリンクを表示させます。
スクリプトエラーと同じ扱いになります。

例：

var a = "I love Firebug";
var b = 0;
console.error(a);
console.error(a,b);

結果：

console.assert(expression[, object, ...])

評価式が偽の場合、コンソールにjavascriptのログを表示させます。

例：

var a=10;
console.assert(a =10,"a = 10 は偽",a);//真
console.assert(a < 1);//偽
console.assert(a < 1,a);//偽
console.assert(a < 1,"a < 1 は偽",a);//偽

結果：

console.dir(object)

コンソールにDOMの解析結果を表示させます。

例：

var typ = document.getElementById("obj");
console.dir(typ);

結果：

console.dirxml(node)

コンソールにHTML/XMLのツリー構造を表示させます。

例：

var typ = document.getElementById("obj");
console.dirxml(typ);

結果：

console.trace()

コンソールに関数名を呼び出し順に表示させます。

例：

console.trace();

htmlのbody要素部
<a href="javascript:void(0)" onmousedown="c_trace()" onclick="c_trace(); return false;" onmouseup="c_trace(); return false;">console.trace</a>

結果：

console.group(object[, object, ...])
console.groupEnd()

コンソールに表示させるメッセージをグループ化して一度に表示させます。

例：

var a=10;
var b=11;
console.group("グループ");
console.log(a);
console.log(b);
console.groupEnd();
console.group(a,b);
console.log(a);
console.log(b);
console.groupEnd();

結果：