js控制檯輸出console

介紹：

   js的console你能夠在firefox的firedbug或者ie和google的f12調試模式下看到，這些主流瀏覽器的調試模式的控制能夠輸出一些信息，你的一些js代碼測試能夠直接在console窗口輸入而後運行查看結果，省了部署工程和刷新頁面的時間；固然你有一些特殊代碼的測試，好比須要後臺數據或者頁面效果的，通常狀況你們喜歡用的都是js代碼直接使用alert輸出測試信息，這樣作會中斷程序跳出線程；這時候還有一個不錯的選擇那就是使用控制檯的日誌，即console.log;下面爲你們一一介紹console的一些用法，部分摘自網絡：

1.console.log

console.log(object[, object, ...])
在控制檯輸出一條消息。若是有多個參數，輸出時會用空格隔開這些參數。

第一個參數能夠是一個包含格式化佔位符輸出的字符串，例如：

console.log("The %s jumped over %d tall buildings", animal, count);

上面的例子能夠用下面的無格式化佔位符輸出的代碼替換：

console.log("The", animal, "jumped over", count, "tall buildings");

而且，這兩種方式是能夠組合使用的。若是使用了格式化佔位符，而提供的參數的個數多於佔位符的個數，那麼，多餘的參數會以空格分隔的方式附加在字符串後面，就像：

console.log("I am %s and I have:", myName, thing1, thing2, thing3);

若是參數是一個Javascript對象，那麼在控制檯輸出的就不是靜態文字，而是一個可交互的超連接，點擊超連接能夠查看該對象的HTML, CSS, Script, DOM窗口，可用格式化字符串%o代替Javascript對象。

console.log("Body tag is %o", document.body);

 

格式化字符串列表：

格式化字符串	類型
%s	字符串
%d, %i	整型（暫不支持數字型）
%f	浮點型 （暫不支持數字型）
%o	連接對象

2.其餘級別，debug、warn、error、assert等

console.debug(object[, object, ...])
在控制檯輸出一條消息，包含一個指向代碼調用位置的超連接。假如是直接在控制檯輸入該命令，就不會出現超連接（和console.log()同樣）。

console.info(object[, object, ...])
在控制檯輸出一條帶有「信息」圖標的消息和一個指向代碼調用位置的超連接。

console.warn(object[, object, ...])
在控制檯輸出一條帶有「警告」圖標的消息和一個指向代碼調用位置的超連接。

console.error(object[, object, ...])
在控制檯輸出一條帶有「錯誤」圖標的消息和一個指向代碼調用位置的超連接。

console.assert(expression[, object, ...])
測試表達式expression是否爲真。若是不是真，會在控制檯寫一條消息並拋出異常

console.dir(object)
以列表形式輸出一個對象的全部屬性，有點和你查看DOM窗口相相似。

console.dirxml(node)
輸出一個HTML或者XML元素的XML源代碼。和你在HTML窗口看到的類似。

console.trace()
Prints an interactive stack trace of JavaScript execution at the point where itis called.

The stack trace details the functions onthe stack, as well as the values that were passed as arguments to eachfunction. You can click each function to take you to its source in the Scripttab, and click each argument value to inspect it in the DOM or HTML tabs.

console.group(object[, object, ...])
輸出一條消息，並打開一個嵌套塊，塊中的內容都會縮進。調用console.groupEnd()關閉塊。該命令能夠嵌套使用。

console.groupEnd()
關閉最近一個由console.group打開的塊。

console.time(name)
建立一個名字爲name的計時器，調用console.timeEnd(name)中止計時器並輸出所耗時間（毫秒）。

console.timeEnd(nam）

 

原文地址：http://blog.csdn.net/yangkai_hudong/article/details/16885513