firebug_javascript スキルのデバッグ時に console.log を使用する JavaScript メソッド

console.log();

console.log() 関数を使用する場合は、次の firebug を開く必要があります。開かないと、この関数は無効になり、Firefox で実行するときに通常のプログラムに影響を与えます。 IE を使用すると、何か問題が発生します。


最初のパラメータには、書式設定されたプレースホルダ出力を含む文字列を指定できます。例:

console.log("The %s Jumped over %d height Buildings" , anime, count) ;

書式文字列型
%s 文字列
%d、整数
%i (数値型はまだサポートされていません)
%f 浮動小数点数型 (数値型はサポートされていません)まだ)
%o リンク オブジェクト

console.log() の使用法

コードをコピー コードは次のとおりです。

< ;meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
script type="text/javascript">
/*
console.log は、厳密に言えば、Firebugs をインストールした後の Firefox の独自のデバッグ機能です。
IE8 はこのトリックを学習しましたが、Firebugs よりも使用が面倒です。Console.log はデバッグ ウィンドウ (F12) が開いている場合にのみ結果を生成し、そうでない場合はエラーが報告されます。
今日、Opera には Dragonfly というツールがあることを知りました。このツールを使用して DOM を表示するのは、Firebug に相当します。ただし、console.log はまだ使用できません。そこで誰かが次の 2 行のコードを提供しました。
console.log || (console.log = opera.postError);コードは機能します。
現時点では、Firefox/IE/Opera はすべて console.log を使用できます。
もちろん、IE と Opera の console.log は、Firebugs の元の console.log に比べてまだ単純すぎます。たとえば、パラメータがオブジェクトまたは配列の場合、それ以上の表示機能はありません。
*/
//変数
var i = '私は文字列です';
console.log('Variable:',i);
//Array
var arr = [1,2,3,4,5];
console.log('array:',arr);
//Object
var obj1 = {
key1 : 'value1',
key2 : 'value2',
key3 : 'value3'
}
var obj2 = {
key6 : 'value4',
key5 : 'value5',
key4 : 'value6'
}; var
key9 : 'value7',
key8 : 'value8',
key7 : 'value9'
}; >console.log('Object:',obj1);
//オブジェクト配列
var objArr1 = [obj1,obj2,obj3];
var objArr2 = [[obj1],[obj2],[ obj3]];
console.log('オブジェクト配列 1:',objArr1);
/*
出力: >変数: 私は文字列です
配列: [1, 2, 3, 4, 5]
オブジェクト: オブジェクト { key1="value1", key2="value2", key3="value3"}
オブジェクト配列 1: [オブジェクト { key1="value1", key2="value2", key3="value3"}, Object { key6="value4", key5="value5", key4="value6"}, Object { key9="value7", key8="value8", key7="value9"}]
オブジェクト配列 1: [[Object { key1="value1", key2="value2", key3="value3"}], [オブジェクト { key6="value4", key5="value5", key4="value6"}], [オブジェクト { key9="value7", key8="value8", key7="value9"}]]
* /