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 相关文章推荐
JavaScript使用技巧精萃[代码非常实用]
Nov 21 Javascript
使用jQuery管理选择结果
Jan 20 Javascript
javascript函数特点实例分析
May 14 Javascript
ES6中非常实用的新特性介绍
Mar 10 Javascript
深入解析桶排序算法及Node.js上JavaScript的代码实现
Jul 06 Javascript
AngularJs中Bootstrap3 datetimepicker使用实例
Dec 13 Javascript
详解Vue 普通对象数据更新与 file 对象数据更新
Apr 26 Javascript
使用Dropzone.js上传的示例代码
Oct 10 Javascript
vue2.0安装style/css loader的方法
Mar 14 Javascript
vue.js实现的全选与全不选功能示例【基于elementui】
Dec 03 Javascript
js中的深浅拷贝问题简析
May 10 Javascript
小程序怎样让wx.navigateBack更好用的方法实现
Nov 01 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动态编译出现Cannot find autoconf的解决方法
2014/11/05 PHP
php使用gzip压缩传输js和css文件的方法
2015/07/29 PHP
PHP实现时间比较和时间差计算的方法示例
2017/07/24 PHP
Laravel框架实现利用中间件进行操作日志记录功能
2018/06/06 PHP
php命令行写shell实例详解
2018/07/19 PHP
laravel5.2表单验证,并显示错误信息的实例
2019/09/29 PHP
JS Replace()的高级使用方法介绍
2013/06/29 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
2013/12/08 Javascript
深入理解JSON数据源格式
2014/01/10 Javascript
js检测网络是否具体连接功能的代码
2014/05/23 Javascript
jquery提示效果实例分析
2014/11/25 Javascript
js+css实现回到顶部按钮(back to top)
2016/03/02 Javascript
window.onload绑定多个事件的两种解决方案
2016/05/15 Javascript
Angularjs分页查询的实现
2017/02/24 Javascript
详解vue slot插槽的使用方法
2017/06/13 Javascript
Vue的Class与Style绑定的方法
2017/09/01 Javascript
javascript浏览器用户代理检测脚本实现方法
2017/10/27 Javascript
JS实现移动端触屏拖拽功能
2018/07/31 Javascript
JS数组Object.keys()方法的使用示例
2019/06/05 Javascript
移动端JS实现拖拽两种方法解析
2020/10/12 Javascript
在服务器端实现无间断部署Python应用的教程
2015/04/16 Python
深入学习Python中的上下文管理器与else块
2017/08/27 Python
Python爬虫爬取杭州24时温度并展示操作示例
2020/03/27 Python
日本钓鱼渔具和户外用品网上商店:naturum
2016/08/07 全球购物
NUK奶瓶美国官网:NUK美国
2016/09/26 全球购物
文员个人的求职信范文
2013/09/26 职场文书
医校毕业生自我鉴定
2014/01/25 职场文书
洗车工岗位职责
2014/03/15 职场文书
大学生就业协议书范本(适用于公司企业)
2014/10/07 职场文书
六年级学生期末评语
2014/12/26 职场文书
升学宴学生致辞
2015/07/27 职场文书
求职信:会计求职的写作技巧
2019/04/24 职场文书
nginx处理http请求实现过程解析
2021/03/31 Servers
浅谈Redis主从复制以及主从复制原理
2021/05/29 Redis
Python卷积神经网络图片分类框架详解分析
2021/11/07 Python
90后经典动画片排行:《数码宝贝》第二,《小鲤鱼历险记》在榜
2022/03/18 日漫