javascript 在firebug调试时用console.log的方法


Posted in Javascript onMay 10, 2012

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>
Javascript 相关文章推荐
Prototype 工具函数 学习
Jul 23 Javascript
基于Jquery的动态添加控件并取值的实现代码
Sep 24 Javascript
基于JavaScript实现 获取鼠标点击位置坐标的方法
Apr 12 Javascript
用JavaScript实现页面重定向功能的教程
Jun 04 Javascript
jQuery与Ajax以及序列化
Feb 01 Javascript
js 截取或者替换字符串中的数字实现方法
Jun 13 Javascript
AngularJS 输入验证详解及实例代码
Jul 28 Javascript
Vue中使用webpack别名的方法实例详解
Jun 19 Javascript
Django模板继承 extend标签实例代码详解
May 16 Javascript
基于layPage插件实现两种分页方式浅析
Jul 27 Javascript
在react中使用vue的状态管理的方法示例
May 02 Javascript
使用Vant完成DatetimePicker 日期的选择器操作
Nov 12 Javascript
jQueryUI写一个调整分类的拖放效果实现代码
May 10 #Javascript
基于jQuery捕获超链接事件进行局部刷新代码
May 10 #Javascript
让人印象深刻的10个jQuery手风琴效果应用
May 08 #Javascript
jQuery 图片切换插件(代码比较少)
May 07 #Javascript
仅IE支持clearAttributes/mergeAttributes方法使用介绍
May 04 #Javascript
js查错流程归纳
May 04 #Javascript
iphone safari不支持position fixed的解决方法
May 04 #Javascript
You might like
PHP 配置open_basedir 让各虚拟站点独立运行
2009/11/12 PHP
Yii中render和renderPartial的区别
2014/09/03 PHP
浅谈Laravel队列实现原理解决问题记录
2017/08/19 PHP
鼠标移动到图片名上,显示图片的简单实例
2013/07/14 Javascript
jquery ajax传递中文参数乱码问题及解决方法说明
2014/02/07 Javascript
jQuery实现调整表格单列顺序完整实例
2016/06/20 Javascript
Vuejs第十一篇组件之slot内容分发实例详解
2016/09/09 Javascript
Node.js中.pfx后缀文件的处理方法
2017/03/10 Javascript
ES6/JavaScript使用技巧分享
2017/12/14 Javascript
Vue结合Video.js播放m3u8视频流的方法示例
2018/05/04 Javascript
webpack之引入图片的实现及问题
2018/10/08 Javascript
js如何获取图片url的Blob值并预览示例代码
2019/03/07 Javascript
JavaScript HTML DOM元素 节点操作汇总
2019/07/29 Javascript
PHP读取远程txt文档到数组并实现遍历
2020/08/25 Javascript
Vue路由 重定向和别名的区别说明
2020/09/09 Javascript
python实现telnet客户端的方法
2015/04/15 Python
python实现根据主机名字获得所有ip地址的方法
2015/06/28 Python
Python操作Access数据库基本步骤分析
2016/09/19 Python
python中json格式数据输出的简单实现方法
2016/10/31 Python
解决win64 Python下安装PIL出错问题(图解)
2018/09/03 Python
Python分割训练集和测试集的方法示例
2019/09/19 Python
8种常用的Python工具
2020/08/05 Python
函授自我鉴定范文
2014/02/06 职场文书
校园联欢晚会主持词
2014/03/17 职场文书
经典促销广告词大全
2014/03/19 职场文书
小学班级特色活动方案
2014/08/31 职场文书
小学二年级数学教学计划
2015/01/20 职场文书
云冈石窟导游词
2015/02/04 职场文书
2015年体育教学工作总结
2015/05/20 职场文书
党员身份证明材料
2015/06/19 职场文书
老干部局2015年度工作总结
2015/10/22 职场文书
python设置 matplotlib 正确显示中文的四种方式
2021/05/10 Python
pytorch 带batch的tensor类型图像显示操作
2021/05/20 Python
Element实现动态表格的示例代码
2021/08/02 Javascript
《极主夫道》真人电影正式预告 定档6月3日上映
2022/04/05 日漫
javascript进阶篇深拷贝实现的四种方式
2022/07/07 Javascript