javascript的console.log()用法小結(jié)

更新時(shí)間：2012年05月31日 23:15:33 投稿：mdxy-dxy

console.log 原先是 Firefox 的專利，嚴(yán)格說是安裝了 Firebugs 之后的 Firefox 所獨(dú)有的調(diào)試絕招

console.log 原先是 Firefox 的“專利”，嚴(yán)格說是安裝了 Firebugs 之后的 Firefox 所獨(dú)有的調(diào)試“絕招”。
這一招，IE8 學(xué)會(huì)了，不過用起來比 Firebugs 麻煩，只有在開啟調(diào)試窗口(F12)的時(shí)候，console.log 才能出結(jié)果，不然就報(bào)錯(cuò)。
今天看到 Opera 也有個(gè)叫 dragonfly 的東東，用這東西查看 DOM，已經(jīng)可以和 Firebug 媲美，然而還是不能用 console.log。于是有人就提供了這樣兩句代碼：

復(fù)制代碼代碼如下:

 
window.console = window.console || {}; 

console.log || (console.log = opera.postError)；

經(jīng)測(cè)試，以上代碼好使。

在我用過的瀏覽器當(dāng)中，我是最喜歡Chrome的，因?yàn)樗鼘?duì)于調(diào)試腳本及前端設(shè)計(jì)調(diào)試都有它比其它瀏覽器有過之而無不及的地方?？赡艽蠹覍?duì)console.log會(huì)有一定的了解，心里難免會(huì)想調(diào)試的時(shí)候用alert不就行了，干嘛還要用console.log這么一長串的字符串來替代alert輸出信息呢，下面我就介紹一些調(diào)試的入門技巧，讓你愛上console.log

對(duì)于更加詳細(xì)的介紹可以參考這篇文章：http://www.dhdzp.com/article/93941.htm

至此，F(xiàn)irefox/IE/Opera 都能用上 console.log 了。
當(dāng)然，IE 和 Opera 下的 console.log 比起 Firebugs 原創(chuàng)的 console.log，還是太過簡單，比如參數(shù)是 Object 或者數(shù)組就沒有進(jìn)一步的顯示功能。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>javascript的console.log()用法</title> 
<script type="text/javascript"> 
/* 
console.log 原先是 Firefox 的“專利”，嚴(yán)格說是安裝了 Firebugs 之后的 Firefox 所獨(dú)有的調(diào)試“絕招”。 
這一招，IE8 學(xué)會(huì)了，不過用起來比 Firebugs 麻煩，只有在開啟調(diào)試窗口(F12)的時(shí)候，console.log 才能出結(jié)果，不然就報(bào)錯(cuò)。 
今天看到 Opera 也有個(gè)叫 dragonfly 的東東，用這東西查看 DOM，已經(jīng)可以和 Firebug 媲美，然而還是不能用 console.log。于是有人就提供了這樣兩句代碼： 
window.console = window.console || {}; 
console.log || (console.log = opera.postError)； 
經(jīng)測(cè)試，以上代碼好使。 
至此，F(xiàn)irefox/IE/Opera 都能用上 console.log 了。 
當(dāng)然，IE 和 Opera 下的 console.log 比起 Firebugs 原創(chuàng)的 console.log，還是太過簡單，比如參數(shù)是 Object 或者數(shù)組就沒有進(jìn)一步的顯示功能。 
*/ 
//變量 
var i = 'I am a string'; 
console.log('變量：',i); 
//數(shù)組 
var arr = [1,2,3,4,5]; 
console.log('數(shù)組：',arr); 
//對(duì)象 
var obj1 = { 
key1 : 'value1', 
key2 : 'value2', 
key3 : 'value3' 
}; 
var obj2 = { 
key6 : 'value4', 
key5 : 'value5', 
key4 : 'value6' 
}; 
var obj3 = { 
key9 : 'value7', 
key8 : 'value8', 
key7 : 'value9' 
}; 
console.log('對(duì)象：',obj1); 
//對(duì)象數(shù)組 
var objArr1 = [obj1,obj2,obj3]; 
var objArr2 = [[obj1],[obj2],[obj3]]; 
console.log('對(duì)象數(shù)組1：',objArr1); 
console.log('對(duì)象數(shù)組1：',objArr2); 
/* 
輸出： 
變量：I am a string 
數(shù)組：[1, 2, 3, 4, 5] 
對(duì)象：Object { key1="value1", key2="value2", key3="value3"} 
對(duì)象數(shù)組1：[Object { key1="value1", key2="value2", key3="value3"}, Object { key6="value4", key5="value5", key4="value6"}, Object { key9="value7", key8="value8", key7="value9"}] 
對(duì)象數(shù)組1：[[Object { key1="value1", key2="value2", key3="value3"}], [Object { key6="value4", key5="value5", key4="value6"}], [Object { key9="value7", key8="value8", key7="value9"}]] 
*/ 
</script> 
</head> 
<body> 
</body> 
</html>

腳本之家注:IE瀏覽器下默認(rèn)是不支持console.log，反而會(huì)因?yàn)檫@句代碼報(bào)錯(cuò)，所有ie下注釋掉比較好

您可能感興趣的文章: