[電源を入れる]にconsole.logの高度な使い方

//基本的な使い方
コードをコピー
console.log(「\ nは改行の最も一般的な使用」); 

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

。コンソールザ・警告(「警告メッセージが黄色で表示されます印刷」);

。コンソール情報(「印刷一般的な情報「);

。コンソールクリア(); //クリアディスプレイコンソール上で
 
コードをコピー

//高度な使い方

コードをコピー
console.assert(偽、「偽の情報が表示された決定」); // console.assert(ブール値、 「情報」) BOOLは、インフォプリントアウトして印刷したりしないように偽の場合

console.table([[「中国」、 '米国']、['良い「]]);表形式で表示//配列または渡されたオブジェクト

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

関数もう一度Fn1()の{fn();}

関数Fn2が(){もう一度Fn1();}

()Fn2 が。
 
コードをコピー

 

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

  1. フォーマットフラグにconsole.logサポートされています。
  2.   %Sプレースホルダ
  3.   または%d個の%iの整数
  4.   %Fフロート
  5.   %O%O対象オブジェクト
  6.   %CのCSSスタイル
コードをコピー
console.log( 'D %% +%D = D'、L、2,3); 
// O%O%ノードが同じ印刷DOMない場合に はconsole.log( '%O'、document.body)は、 コンソール.logの(「%のO」、document.body);

//%のC含有量の背後に、増加CSSスタイル
アタッチメント@:にconsole.log出力ハイパーリンクが自動的に認識され、グレーのフォントカラーと下線スタイルを追加しますこれはC%で覆うことができない
( ';カラー36px:フォントサイズレッド;' C 456 123パーセント');にconsole.log
はconsole.log(「123 4%C http://www.google.com C 789パーセント56れている、 『フォントサイズ:20ピクセル;色:#ff8400;』、 『フォントサイズ:12ピクセル;色:#000』);

直接幅と高さを設定しないCSSスタイルを使用して//ロード画像スタイル、行の高さの像高、その後パディング転送
はconsole.log(「%のC」、「背景画像:URL( 『http://iyeslogo.orbrand.com/150902Google/005.gif』);背景サイズ: 120%120%;背景リピート :なしリピート;背景位置:中央の中心、行の高さ:60PX;パディング:30px 120ピクセル;「);
コードをコピー

 

 //高度な使い方

コードをコピー
//计时,单位毫秒
    console.time();
    for(var i=0;i<100000;i++){
        var j=i*i;
    }
    console.timeEnd();
//统计代码或函数被调用了多少次
    var fn_ = function(){ console.count('hello world'); }
    for(var i=0;i<5;i++){
        fn_();
    }
//查看内存使用情况,是属性,不带括号
//console.memory;
//在浏览器开发者工具中使用
//分组输出,可嵌套
    console.group('分组1');
    console.log('语文');
    console.log('数学');
        console.group('其他科目');
        console.log('化学');
        console.log('地理');
        console.log('历史');
        console.groupEnd('其他科目');
    console.groupEnd('分组1');
コードをコピー

 

おすすめ

転載: www.cnblogs.com/chris-oil/p/11988903.html