javascript 在firebug調試時用console.log的方法

最後更新：2018-12-08 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

console.log();

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

第一個參數可以是一個包含格式化預留位置輸出的字串，例如：

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

格式化字串類型
%s 字串
%d, 整型
%i (暫不支援數字型）
%f 浮點型（暫不支援數字型）
%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 所專屬的調試“絕招”。
這一招，IE8 學會了，不過用起來比 Firebugs 麻煩，只有在開啟調試視窗(F12)的時候，console.log 才能出結果，不然就報錯。
今天看到 Opera 也有個叫 dragonfly 的東東，用這東西查看 DOM，已經可以和 Firebug 媲美，然而還是不能用 console.log。於是有人就提供了這樣兩句代碼：
window.console = window.console || {};
console.log || (console.log = opera.postError)；
經測試，以上代碼好使。
至此，Firefox/IE/Opera 都能用上 console.log 了。
當然，IE 和 Opera 下的 console.log 比起 Firebugs 原創的 console.log，還是太過簡單，比如參數是 Object 或者數組就沒有進一步的顯示功能。
*/
//變數
var i = 'I am a string';
console.log('變數：',i);
//數組
var arr = [1,2,3,4,5];
console.log('數組：',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);
//對象數組
var objArr1 = [obj1,obj2,obj3];
var objArr2 = [[obj1],[obj2],[obj3]];
console.log('對象數組1：',objArr1);
console.log('對象數組1：',objArr2);
/*
輸出：
變數：I am a string
數組：[1, 2, 3, 4, 5]
對象：Object { key1="value1", key2="value2", key3="value3"}
對象數組1：[Object { key1="value1", key2="value2", key3="value3"}, Object { key6="value4", key5="value5", key4="value6"}, Object { key9="value7", key8="value8", key7="value9"}]
對象數組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>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More