快捷導(dǎo)航

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

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

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

console.log 原先是 Firefox 的“專利”，嚴(yán)格說(shuō)是安裝了 Firebugs 之后的 Firefox 所獨(dú)有的調(diào)試“絕招”。
這一招，IE8 學(xué)會(huì)了，不過(guò)用起來(lái)比 Firebugs 麻煩，只有在開(kāi)啟調(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è)試，以上代碼好使。

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

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

至此，F(xiàn)irefox/IE/Opera 都能用上 console.log 了。
當(dāng)然，IE 和 Opera 下的 console.log 比起 Firebugs 原創(chuàng)的 console.log，還是太過(guò)簡(jiǎn)單，比如參數(shù)是 Object 或者數(shù)組就沒(méi)有進(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)格說(shuō)是安裝了 Firebugs 之后的 Firefox 所獨(dú)有的調(diào)試“絕招”。 
這一招，IE8 學(xué)會(huì)了，不過(guò)用起來(lái)比 Firebugs 麻煩，只有在開(kāi)啟調(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，還是太過(guò)簡(jiǎn)單，比如參數(shù)是 Object 或者數(shù)組就沒(méi)有進(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下注釋掉比較好

您可能感興趣的文章: