高度な使い方をCONSOLE.LOG

//基本的な使い方

console.log（「\の最も一般的な使用のn改行」）; 

。コンソールエラー（「出力は、エラーメッセージが赤色で表示されます」）; 

。コンソールザ・は（警告「警告メッセージを出力黄色で表示されます」）;

。コンソール情報（「印刷一般的な情報は、「）; 

コンソールのクリアを（）; //クリアディスプレイコンソール上で

//高度な使い方

console.assert（偽、 'それが表示された偽の決意情報である'）; //console.assert(bool,"info「）BOOL情報をプリントアウトしたり印刷しない場合はfalseです

 console.table（[[ '中国'、 '米国']、['良い「]]）; //表形式またはアレイに表示渡さオブジェクト

関数fn（）{console.trace（）;} //コールチェーンFn2が印刷（）コールFN1（）、FN1 （）コールのFn（）

関数もう一度Fn1（）の{fn（）;} 

関数Fn2が（）{もう一度Fn1（）;}

 Fn2が（）。

//フォーマットされた出力

フォーマットフラグにconsole.logサポートされています。
％Sプレースホルダ
または％d個の％iの整数
％Fフロート
％O％O対象オブジェクト
％CのCSSスタイル

console.log（ 'D %% +％D = D'、1,2,3 ）; 

// ％O％Oノードが同じ印刷DOMない場合に 
はconsole.log（ '％のO' 、document.body）は、
コンソール.logの（「％のO」、document.body）; 

//％のC含有量の背後には、CSSスタイルの増加
@アタッチメントを：にconsole.log出力ハイパーリンクが自動的に認識され、グレーのフォントカラーを追加し、スタイルを強調され、これは、Cの％で覆うことができない
にconsole.log（ 'C 456 123パーセント'、 'フォントサイズ：36pxと、色：赤;' ）; 
はconsole.log（「123 4％C http://www.google.com C 789パーセント56は、 『フォントサイズである：20ピクセル;色：＃1 ff8400;』、 『フォントサイズ：12ピクセル;色：＃000』）; 
 
// 使用CSSスタイル負荷ピクチャ //が直接幅と高さを設定しませんスタイル、画像の行の高さの高さ、そして転送パディング 
console.log（ '％のC'、 '背景画像：URL（ "http://iyeslogo.orbrand.com/150902Google/005.gif"）;背景サイズ：120％120％;背景リピート：NO-繰り返し;背景位置：中央の中心と、行の高さ：60PX;パディング：30px 120ピクセル; '）;

//高度な使い方

// ミリ秒のタイマ、
    console.time（）;
     のため（VAR ; Iは100000 <; I = 0 Iは++ ）{
         VARの J = I *はIを; 
    } 
    console.timeEnd（）; 
// 統計コード番号または関数が呼び出されますCIの
    VaRの FN_ = 機能（）{console.count（ 'Hello Worldの' ;）}
     のために（VAR ;私は<5; I ++はI = 0 ）{ 
        FN_（）; 
    } 
// メモリ使用量をチェックし、せずに、プロパティですブラケット
// console.memory; 
//は、ブラウザ開発者ツールで
// 出力パケット入れ子にすることができる 
    console.group（ 'パケット1' ）; 
    はconsole.log（ '言語' ）。
    console.log（ '数学' ）; 
        console.group（「他の被験者）; 
        はconsole.log（ '化学' ）; 
        はconsole.log（ '地理' ）; 
        はconsole.log（ '歴史' ）; 
        console.groupEnd（ '他の被験者' ）; 
    console.groupEnd（ 'パケット1'）。

おすすめ