javascript 中 console.log 用法

Web前端 码拜 9年前 (2015-02-28) 3093次浏览 0个评论

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 或者数组就没有进一步的显示功能。
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”>
//变量
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>
IE浏览器下默认是不支持console.log,反而会因为这句代码报错,所有ie下注释掉比较好

CodeBye 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明javascript 中 console.log 用法
喜欢 (0)
[1034331897@qq.com]
分享 (0)

文章评论已关闭!