//基本的な使い方
console.log(「\ nは改行の最も一般的な使用」);
。コンソールエラー(「出力は、エラーメッセージが赤色で表示されます」);
。コンソールザ・警告(「警告メッセージが黄色で表示されます印刷」);
。コンソール情報(「印刷一般的な情報「);
。コンソールクリア(); //クリアディスプレイコンソール上で
//高度な使い方
console.assert(偽、「偽の情報が表示された決定」); // console.assert(ブール値、 「情報」) BOOLは、インフォプリントアウトして印刷したりしないように偽の場合
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'、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');