javascript 在firebug調(diào)試時(shí)用console.log的方法
更新時(shí)間：2012年05月10日 12:06:06 作者：
當(dāng)你使用console.log()函數(shù)時(shí)，下面的firebug一定要打開(kāi)，不然這函數(shù)在用firefox運(yùn)行時(shí)無(wú)效且影響正常程序，如果用IE打開(kāi)，將會(huì)出錯(cuò)
console.log();
當(dāng)你使用console.log()函數(shù)時(shí)，下面的firebug一定要打開(kāi)，不然這函數(shù)在用firefox運(yùn)行時(shí)無(wú)效且影響正常程序，如果用IE打開(kāi)，將會(huì)出錯(cuò)。
第一個(gè)參數(shù)可以是一個(gè)包含格式化占位符輸出的字符串，例如：
console.log("The %s jumped over %d tall buildings", animal, count);
格式化字符串 類型
%s 字符串
%d, 整型
%i (暫不支持?jǐn)?shù)字型）
%f 浮點(diǎn)型 （暫不支持?jǐn)?shù)字型）
%o 鏈接對(duì)象
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 的“專利”，嚴(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>
當(dāng)你使用console.log()函數(shù)時(shí)，下面的firebug一定要打開(kāi)，不然這函數(shù)在用firefox運(yùn)行時(shí)無(wú)效且影響正常程序，如果用IE打開(kāi)，將會(huì)出錯(cuò)。
第一個(gè)參數(shù)可以是一個(gè)包含格式化占位符輸出的字符串，例如：
console.log("The %s jumped over %d tall buildings", animal, count);
格式化字符串 類型
%s 字符串
%d, 整型
%i (暫不支持?jǐn)?shù)字型）
%f 浮點(diǎn)型 （暫不支持?jǐn)?shù)字型）
%o 鏈接對(duì)象
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)格說(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>
您可能感興趣的文章:
- 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方法使用說(shuō)明
- node.js中的console用法總結(jié)
- JavaScript中的console.trace()函數(shù)介紹
- 利用Js的console對(duì)象,在控制臺(tái)打印調(diào)式信息測(cè)試Js的實(shí)現(xiàn)
- Js利用console計(jì)算代碼運(yùn)行時(shí)間的方法示例
- node.js中的console.info方法使用說(shuō)明
- JavaScript console的使用方法實(shí)例分析
javaScript中定義類或?qū)ο蟮奈宸N方式總結(jié)
下面小編就為大家?guī)?lái)一篇javaScript中定義類或?qū)ο蟮奈宸N方式總結(jié)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-12-12 
原生JS實(shí)現(xiàn)分頁(yè)點(diǎn)擊控件
這篇文章主要為大家詳細(xì)介紹了原生JS實(shí)現(xiàn)分頁(yè)點(diǎn)擊控件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08 
js樹(shù)插件zTree獲取所有選中節(jié)點(diǎn)數(shù)據(jù)的方法
這篇文章主要介紹了js樹(shù)插件zTree獲取所有選中節(jié)點(diǎn)數(shù)據(jù)的方法,是對(duì)js樹(shù)插件zTree非常實(shí)用的操作,需要的朋友可以參考下
2015-01-01 
JS中利用swiper實(shí)現(xiàn)3d翻轉(zhuǎn)幻燈片實(shí)例代碼
大家都知道Swiper(Swiper master)是目前應(yīng)用較廣泛的移動(dòng)端網(wǎng)頁(yè)觸摸內(nèi)容滑動(dòng)js插件。下面這篇文章主要給大家介紹了在JS中利用swiper實(shí)現(xiàn)3d翻轉(zhuǎn)幻燈片的相關(guān)資料，文中給出了完整的示例代碼供大家參考學(xué)習(xí)，需要的朋友可以參考借鑒，下面來(lái)一起看看吧。
2017-08-08 
nest.js 使用express需要提供多個(gè)靜態(tài)目錄的操作方法
這篇文章主要介紹了nest.js 使用express需要提供多個(gè)靜態(tài)目錄的操作，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2019-10-10 ![jsTree樹(shù)控件(基于jQuery, 超強(qiáng)悍)[推薦]](http://img.jbzj.com/images/xgimg/bcimg6.png)
jsTree樹(shù)控件(基于jQuery, 超強(qiáng)悍)[推薦]
jsTree是基于javascript的一個(gè)跨瀏覽器樹(shù)控件，功能強(qiáng)大，而且是免費(fèi)的。
2009-09-09 
本文主要介紹了V8實(shí)現(xiàn)字符串拼接，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2023-05-05 
這篇文章主要介紹了JS仿淘寶搜索框用戶輸入事件的實(shí)現(xiàn),需要的朋友可以參考下
2017-06-06 
本篇文章主要是對(duì)JS 獲取各種瀏覽器窗口大小的方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助
2014-01-01