Consolie APIの紹介

4740 ワード

原文:
http://getfirebug.com/wiki/index.php/Console_API癜consolie.log.28 object.5 B.2 C_object.2 C_.5 D.29
FirebugプラグインとChromeのJavaScriptコンソールにはグローバル変数があります.
conslol.
consolie.log(object[,object])
これでコンソールで印刷できます. Here is logs
console.log("Here is log!");
入力する内容に変数がある場合は、複数のパラメータで実行できます.
var firstName = "Maple", familyName = "Jan";

console.log("My name is ", firstName, " ", familyName); // My name is Maple Jan
C言語のようにプレースホルダも使用できます.
var firstName = "Maple", familyName = "Jan";

console.log("My name is %s %s", firstName, familyName); // My name is MapleJan
このように書いてもいいです
var firstName = "Maple", familyName = "Jan", m = "m", a = "a", n = "n";

console.log("My name is %s %s. I am a ", firstName, familyName, m, a, n); // My name is Maple Jan. I am a  m a n
FireFoxのFirebugプラグインはcssスタイルもサポートしています.
console.log('%cThis is red text on a green background', 'color:red; background-color:green');
このようにコンソールで緑色の背景と赤色のフォントを出力します. 
This is red text on a green background
しかし、この機能はChromeではサポートされていません.
プレースホルダ:
Pattern
Type
 %s
String(文字列)
%d、%i
Integer(整数)
%f
Flooating point number(浮動小数点)
%o
Object hperlink(対象)
%c
Style formating(CSSスタイル)
consolie.debug(object[,object])
debug の入力と
ロゴ出力の効果は同じですが、Firebugに記録されます.「デバッグ情報」で見つけられます.
consolie.info(object[,object])
はい、
Firebugでは、出力情報の前に青い感嘆符のアイコンがあり、「メッセージ」に記録されます.
consolie.warn(object[,object])
FirebugとChromeコンソールでは、出力情報の前に黄色の感嘆があります.
アイコンをクリックすると、「Warning」に記録されます.
consolie.error(object[,object])
FirebugとChromeコンソールでは、出力情報の前に赤いフォークのアイコンがあり、「Warning」に記録されます.
console.log("Here is log");

console.info("Here is info");

console.debug("Here is debug");

console.warn("Here is warn");

console.error("Here is error");;
Firebug
Console API介绍
Chrome

consolie.astert(expression[,object])
式や変数が本物かどうかを判断します.
Console API介绍
ソロ.calear
コンソールをクリア
consolie.dir(object)
オブジェクトの属性と方法をすべて返します.
consone.dirxml(object)
xmlのツリー構造でオブジェクトに戻ります.
consone.trace()
関数の呼び出しパスを追跡して、該当する位置を返します.
consolie.group(object[,object])
ツリー構造のグループで表示され、グループの内容はすべて展開されて表示されます.
consolie.group Collaptsed(object[,object])
和 
ソロ・グループ() 同じ効果ですが、 consolie.group Collappsed()パケットの内容は展開しないで表示します.
consone.group End()
使ってもいいです 
ソロ・グループ() まだです consolie.group Collappsed() すべてをもって 
consone.group End()は終了フラグです.
console.group("1");

console.log("1.1");

console.log("1.2");

console.log("1.3");

console.groupCollapsed("1.4");

console.log("1.4.1");

console.log("1.4.2");

console.groupEnd();

console.log("1.5");

console.groupEnd();
Firebug
Console API介绍
Chrome
Console API介绍
consone.timeと consone.timeEnd(name)
コードの実行に必要な時間を計算します.
console.time("times");

var n = 0;

for(var i = 0; i < 9999999; i++) {

	n += 2;

};

console.timeEnd("times")
ソロ.profileと consolie.profileEnd()
コードの性能をテストします.
;
function f(){

for(var i=0;i<999999;i++){}

}

console.profile('power');

f();

console.profileEnd();

 
consolie.co unt([title])
改行コードの実行回数を計算します.
for(var i=0;i<999;i++) {

	console.count("aaa");

}
consolie.table(data[,columns])
配列を表に表示する
var table1 = new Array(5);

for (var i=0; i<table1.length; i++)

    table1[i] = [i+1, i+2, i+3, i+4, i+5, i+6, i+7];

console.table(table1);

 
これらのAPIはFirebugであり、
Chromeのコントローラも基本的にサポートしていますが、まだ互換性がありません.