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 相关文章推荐
JS实现拖动示例代码
Nov 01 Javascript
JavaScript动态创建link标签到head里的方法
Dec 22 Javascript
JQuery操作元素的css样式
Mar 09 Javascript
javascript清空table表格的方法
May 14 Javascript
JS给swf传参数的实现方法
Sep 13 Javascript
浅谈jquery选择器 :first与:first-child的区别
Nov 20 Javascript
使用JavaScript解决网页图片拉伸问题(推荐)
Nov 25 Javascript
使用Node.js实现ORM的一种思路详解(图文)
Oct 24 Javascript
JavaScript设计模式之调停者模式实例详解
Feb 03 Javascript
JavaScript变量提升和严格模式实例分析
Jan 27 Javascript
javascript实现蒙版与禁止页面滚动
Jan 11 Javascript
vue实现在进行增删改操作后刷新页面
Aug 05 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 广告点击统计代码(php+mysql)
2018/02/21 PHP
JS获取页面input控件中所有text控件并追加样式属性
2013/02/25 Javascript
JS注册/移除事件处理程序(ExtJS应用程序设计实战)
2013/05/07 Javascript
jQuery构造函数init参数分析续
2015/05/13 Javascript
jQuery实现鼠标悬停背景翻转的黑色导航菜单代码
2015/09/14 Javascript
js实现跨域访问的三种方法
2015/12/09 Javascript
AngularJS手动表单验证
2016/02/01 Javascript
AngularJS入门教程之REST和定制服务详解
2016/08/19 Javascript
js窗口震动小程序分享
2016/11/28 Javascript
输入框点击时边框变色效果的实现方法
2016/12/26 Javascript
JQuery Ajax 异步操作之动态添加节点功能
2017/05/24 jQuery
JS如何实现在页面上快速定位(锚点跳转问题)
2017/08/14 Javascript
JS forEach跳出循环2种实现方法
2020/06/24 Javascript
javascript中闭包closure的深入讲解
2021/03/03 Javascript
Python基于动态规划算法解决01背包问题实例
2017/12/06 Python
关于Django ForeignKey 反向查询中filter和_set的效率对比详解
2018/12/15 Python
python读取文件名并改名字的实例
2019/01/07 Python
python 阶乘累加和的实例
2019/02/01 Python
基于python修改srt字幕的时间轴
2020/02/03 Python
django为Form生成的label标签添加class方式
2020/05/20 Python
Keras预训练的ImageNet模型实现分类操作
2020/07/07 Python
Pyside2中嵌入Matplotlib的绘图的实现
2021/02/22 Python
CSS3实现背景透明文字不透明的示例代码
2018/06/25 HTML / CSS
html5各种页面切换效果和模态对话框用法总结
2014/12/15 HTML / CSS
三陽商会官方网站:Sanyo iStore
2019/05/15 全球购物
岗位职责定义及内容
2013/11/08 职场文书
幼儿园大班教学反思
2014/02/10 职场文书
酒店管理毕业生自我鉴定
2014/03/02 职场文书
公司晚会主持词
2014/03/22 职场文书
建筑学专业自荐书
2014/07/09 职场文书
坚守艰苦奋斗精神坚决反对享乐主义整改措施
2014/09/17 职场文书
大学生村官个人对照检查材料(群众路线)
2014/09/26 职场文书
城管执法人员个人对照检查材料思想汇报
2014/09/29 职场文书
python Polars库的使用简介
2021/04/21 Python
WCG2010 星际争霸决赛 Flash vs Goojila 1 星际经典比赛回顾
2022/04/01 星际争霸
Python中的协程(Coroutine)操作模块(greenlet、gevent)
2022/05/30 Python