JavaScript-console 對象

console.log()，console.warn()，console.error()，console.info()，console.debug()

console.log() 用於在 console 窗口顯示普通訊息。

console.warn() 用於在 console 窗口顯示警示信息。

console.error() 用於在 console 窗口顯示錯誤信息。

console.info() 用於在 console 窗口顯示提示類信息。

參數能夠是普通字符串、格式字符串

console.log("duan");                                //duan
console.log("zhi","lei");                           //zhi lei
console.log("%s","D-ZL");                           //D-ZL
console.log("%cD-ZL","font-size:20px;color:red;");  //D-ZL(red)

%s 字符串

%d，%i 整數

%f 浮點數

%o 對象的連接

%c CSS 格式字符串

console.table()

console.table 方法能夠將複合類型的數據轉成表格。

複合類型的數據轉成表格，必須擁有主鍵。

//主鍵爲數字
var dzl = [ { id: "1", value: "d" },
            { id: "2", value: "z" },
            { id: "3", value: "l" } 
];
console.table(dzl);
//主鍵爲最外層鍵
var dzl = {
            D: { id: "1", value: "d" },
            Z: { id: "2", value: "z" },
            L: { id: "3", value: "l" }
};
console.table(dzl);

console.dir()，console.assert()

console.dir() 對一個對象進行檢查。

console.assert() 驗證某個條件是否爲真。

// console.dir()用法格式
console.dir(object);
// console.assert()用法格式
console.assert(條件判斷，輸出信息);

console.time()，console.timeEnd()

console.time()，console.timeEnd() 用於計算一個操做花的時間。

console.time() //表示開始
    //要計算時間的程序
console.End()  //表示結束

console.group()，console.groupend()

console.group()，console.groupend() 對信息進行分組。在輸出大量的信息的時候能夠用，能夠摺疊 / 展開。

console.group(分組名稱);
    //分組顯示的信息
console.groupEnd();

console.clear()

console.clear() 對 console 窗口進行清屏。

參考連接

by 阮一峯 console 對象
劉哇勇的部落格 Chrome 控制檯不徹底指南