js控制台輸出console

標籤：使用   art   value   嵌套   rip   後台   javascrip   其他   border   

介紹：

   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

js控制台輸出console