快捷導(dǎo)航

javascript 在firebug調(diào)試時用console.log的方法

更新時間：2012年05月10日 12:06:06 作者：

當(dāng)你使用console.log()函數(shù)時，下面的firebug一定要打開，不然這函數(shù)在用firefox運行時無效且影響正常程序，如果用IE打開，將會出錯

console.log();

當(dāng)你使用console.log()函數(shù)時，下面的firebug一定要打開，不然這函數(shù)在用firefox運行時無效且影響正常程序，如果用IE打開，將會出錯。

第一個參數(shù)可以是一個包含格式化占位符輸出的字符串，例如：

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

格式化字符串類型
%s 字符串
%d, 整型
%i (暫不支持?jǐn)?shù)字型）
%f 浮點型（暫不支持?jǐn)?shù)字型）
%o 鏈接對象

console.log()用法

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

 
<!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 所獨有的調(diào)試“絕招”。 
這一招，IE8 學(xué)會了，不過用起來比 Firebugs 麻煩，只有在開啟調(diào)試窗口(F12)的時候，console.log 才能出結(jié)果，不然就報錯。 
今天看到 Opera 也有個叫 dragonfly 的東東，用這東西查看 DOM，已經(jīng)可以和 Firebug 媲美，然而還是不能用 console.log。于是有人就提供了這樣兩句代碼： 
window.console = window.console || {}; 
console.log || (console.log = opera.postError)； 
經(jīng)測試，以上代碼好使。 
至此，F(xiàn)irefox/IE/Opera 都能用上 console.log 了。 
當(dāng)然，IE 和 Opera 下的 console.log 比起 Firebugs 原創(chuàng)的 console.log，還是太過簡單，比如參數(shù)是 Object 或者數(shù)組就沒有進一步的顯示功能。 
*/ 
//變量 
var i = 'I am a string'; 
console.log('變量：',i); 
//數(shù)組 
var arr = [1,2,3,4,5]; 
console.log('數(shù)組：',arr); 
//對象 
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('對象：',obj1); 
//對象數(shù)組 
var objArr1 = [obj1,obj2,obj3]; 
var objArr2 = [[obj1],[obj2],[obj3]]; 
console.log('對象數(shù)組1：',objArr1); 
console.log('對象數(shù)組1：',objArr2); 
/* 
輸出： 
變量：I am a string 
數(shù)組：[1, 2, 3, 4, 5] 
對象：Object { key1="value1", key2="value2", key3="value3"} 
對象數(shù)組1：[Object { key1="value1", key2="value2", key3="value3"}, Object { key6="value4", key5="value5", key4="value6"}, Object { key9="value7", key8="value8", key7="value9"}] 
對象數(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> 