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 相关文章推荐
网页和浏览器兼容性问题汇总(draft1)
Jun 01 Javascript
基于jquery.Jcrop的头像编辑器
Mar 01 Javascript
jquery load事件(callback/data)使用方法及注意事项
Feb 06 Javascript
由点击页面其它地方隐藏div所想到的jQuery的delegate
Aug 29 Javascript
jQuery.event兼容各浏览器的event详细解析
Dec 18 Javascript
jQuery中contents()方法用法实例
Jan 08 Javascript
Angular2下使用pdf插件的方法详解
Apr 29 Javascript
使用vue2.0创建的项目的步骤方法
Sep 25 Javascript
微信小程序实现张图片合成为一张并下载
Jul 16 Javascript
Vue自定义指令结合阿里云OSS优化图片的实现方法
Nov 12 Javascript
Vue项目接入Paypal实现示例详解
Jun 04 Javascript
vue+elementUI实现简单日历功能
Sep 24 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
使用WordPress发送电子邮件的相关PHP函数用法解析
2015/12/15 PHP
php mailer类调用远程SMTP服务器发送邮件实现方法
2016/03/04 PHP
PHP实现Session入库/存入redis的方法
2017/05/04 PHP
PHP中关于php.ini参数优化详解
2020/02/28 PHP
Laravel Reponse响应客户端示例详解
2020/09/03 PHP
HTML5附件拖拽上传drop &amp; google.gears实现代码
2011/04/28 Javascript
js限制checkbox选中个数以限制六个为例
2014/07/15 Javascript
JavaScript中的立即执行函数表达式介绍
2015/03/15 Javascript
使用Object.defineProperty实现简单的js双向绑定
2016/04/15 Javascript
jQuery实现点击表格单元格就可以编辑内容的方法【测试可用】
2016/08/01 Javascript
AngularJS 在同一个界面启动多个ng-app应用模块详解
2016/12/20 Javascript
JavaScript cookie详解及简单实例应用
2016/12/31 Javascript
React-Native 组件之 Modal的使用详解
2017/08/08 Javascript
web页面和微信小程序页面实现瀑布流效果
2018/09/26 Javascript
微信小程序商品详情页底部弹出框
2019/11/22 Javascript
浅析 Vue 3.0 的组装式 API(一)
2020/08/31 Javascript
逐行分析鸿蒙系统的 JavaScript 框架(推荐)
2020/09/17 Javascript
Python解释执行原理分析
2014/08/22 Python
Python标准库之循环器(itertools)介绍
2014/11/25 Python
windows下python安装pip图文教程
2018/05/25 Python
Python实现爬虫爬取NBA数据功能示例
2018/05/28 Python
对django中render()与render_to_response()的区别详解
2018/10/16 Python
Python matplotlib画图与中文设置操作实例分析
2019/04/23 Python
PyCharm 创建指定版本的 Django(超详图解教程)
2019/06/18 Python
Django实现web端tailf日志文件功能及实例详解
2019/07/28 Python
python实现横向拼接图片
2020/03/23 Python
利用Python的folium包绘制城市道路图的实现示例
2020/08/24 Python
Python Selenium实现无可视化界面过程解析
2020/08/25 Python
历史系自荐信范文
2013/12/24 职场文书
员工工作表扬信范文
2014/01/13 职场文书
外国人聘用意向书
2014/04/01 职场文书
学习雷锋寄语大全
2014/04/11 职场文书
学生干部培训方案
2014/06/12 职场文书
党员志愿者活动总结
2014/06/26 职场文书
中国文明网向国旗敬礼活动精彩寄语2014
2014/09/27 职场文书
2015年七年级班主任工作总结
2015/05/21 职场文书