javascript 在firebug調(diào)試時用console.log的方法
更新時間:2012年05月10日 12:06:06 作者:
當你使用console.log()函數(shù)時,下面的firebug一定要打開,不然這函數(shù)在用firefox運行時無效且影響正常程序,如果用IE打開,將會出錯
console.log();
當你使用console.log()函數(shù)時,下面的firebug一定要打開,不然這函數(shù)在用firefox運行時無效且影響正常程序,如果用IE打開,將會出錯。
第一個參數(shù)可以是一個包含格式化占位符輸出的字符串,例如:
console.log("The %s jumped over %d tall buildings", animal, count);
格式化字符串 類型
%s 字符串
%d, 整型
%i (暫不支持數(shù)字型)
%f 浮點型 (暫不支持數(shù)字型)
%o 鏈接對象
console.log()用法
<!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 的“專利”,嚴格說是安裝了 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 了。
當然,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>
當你使用console.log()函數(shù)時,下面的firebug一定要打開,不然這函數(shù)在用firefox運行時無效且影響正常程序,如果用IE打開,將會出錯。
第一個參數(shù)可以是一個包含格式化占位符輸出的字符串,例如:
console.log("The %s jumped over %d tall buildings", animal, count);
格式化字符串 類型
%s 字符串
%d, 整型
%i (暫不支持數(shù)字型)
%f 浮點型 (暫不支持數(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 的“專利”,嚴格說是安裝了 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 了。
當然,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>
您可能感興趣的文章:
- javascript的console.log()用法小結(jié)
- JavaScript調(diào)試技巧之console.log()詳解
- js調(diào)試工具Console命令詳解
- javascript代碼調(diào)試之console.log 用法圖文詳解
- JavaScript中的console.dir()函數(shù)介紹
- node.js中的console.log方法使用說明
- node.js中的console用法總結(jié)
- JavaScript中的console.trace()函數(shù)介紹
- 利用Js的console對象,在控制臺打印調(diào)式信息測試Js的實現(xiàn)
- Js利用console計算代碼運行時間的方法示例
- node.js中的console.info方法使用說明
- JavaScript console的使用方法實例分析
相關(guān)文章

javaScript中定義類或?qū)ο蟮奈宸N方式總結(jié)
下面小編就為大家?guī)硪黄猨avaScript中定義類或?qū)ο蟮奈宸N方式總結(jié)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
2016-12-12 
js樹插件zTree獲取所有選中節(jié)點數(shù)據(jù)的方法
這篇文章主要介紹了js樹插件zTree獲取所有選中節(jié)點數(shù)據(jù)的方法,是對js樹插件zTree非常實用的操作,需要的朋友可以參考下
2015-01-01 
JS中利用swiper實現(xiàn)3d翻轉(zhuǎn)幻燈片實例代碼
大家都知道Swiper(Swiper master)是目前應(yīng)用較廣泛的移動端網(wǎng)頁觸摸內(nèi)容滑動js插件。下面這篇文章主要給大家介紹了在JS中利用swiper實現(xiàn)3d翻轉(zhuǎn)幻燈片的相關(guān)資料,文中給出了完整的示例代碼供大家參考學(xué)習(xí),需要的朋友可以參考借鑒,下面來一起看看吧。
2017-08-08 
nest.js 使用express需要提供多個靜態(tài)目錄的操作方法
這篇文章主要介紹了nest.js 使用express需要提供多個靜態(tài)目錄的操作,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-10-10