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 相关文章推荐
解决FLASH需要点击激活的代码
Dec 20 Javascript
【消息提示组件】,兼容IE6/7&amp;&amp;FF2
Sep 04 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
Jun 20 Javascript
js中运算符&amp;&amp; 和 || 的使用记录
Aug 21 Javascript
js实现带按钮的上下滚动效果
May 12 Javascript
JS获取文件大小方法小结
Dec 08 Javascript
JavaScript的React框架中的JSX语法学习入门教程
Mar 05 Javascript
Vue实现动态响应数据变化
Apr 28 Javascript
AngularJS实现的锚点楼层跳转功能示例
Jan 02 Javascript
微信小程序云开发(数据库)详解
May 17 Javascript
vue与iframe之间的信息交互的实现
Apr 08 Javascript
vue-calendar-component 封装多日期选择组件的实例代码
Dec 04 Vue.js
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扩展ZF――Validate扩展
2008/01/10 PHP
WordPress判断用户是否登录的代码
2011/03/17 PHP
简单的PHP缓存设计实现代码
2011/09/30 PHP
Laravel访问出错提示:`Warning: require(/vendor/autoload.php): failed to open stream: No such file or di解决方法
2019/04/02 PHP
在每个匹配元素的外部插入新元素的方法
2013/12/20 Javascript
简单js代码实现selece二级联动(推荐)
2014/02/18 Javascript
jquery移除、绑定、触发元素事件使用示例详解
2014/04/10 Javascript
JavaScript中判断整数的多种方法总结
2014/11/08 Javascript
js实现可得到不同颜色值的颜色选择器实例
2015/02/28 Javascript
JavaScript中this详解
2015/09/01 Javascript
jQuery带进度条全屏图片轮播特效代码分享
2020/06/28 Javascript
js 右侧浮动层效果实现代码(跟随滚动)
2015/11/22 Javascript
JS实现针对给定时间的倒计时功能示例
2017/04/11 Javascript
Vue仿手机qq的实例代码(demo)
2017/09/08 Javascript
解决vue的 v-for 循环中图片加载路径问题
2018/09/03 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
2019/04/28 Javascript
9种python web 程序的部署方式小结
2014/06/30 Python
Python数组定义方法
2016/04/13 Python
python中执行shell的两种方法总结
2017/01/10 Python
Python简单生成随机姓名的方法示例
2017/12/27 Python
python利用tkinter实现屏保
2019/07/30 Python
Python3常见函数range()用法详解
2019/12/30 Python
tensorflow 获取所有variable或tensor的name示例
2020/01/04 Python
Python 实现判断图片格式并转换,将转换的图像存到生成的文件夹中
2020/01/13 Python
python中用Scrapy实现定时爬虫的实例讲解
2021/01/18 Python
html5 实现客户端验证上传文件的大小(简单实例)
2016/05/15 HTML / CSS
美国著名首饰网站:BaubleBar
2016/08/29 全球购物
俄罗斯外国汽车和国产汽车配件网上商店:Движком
2020/04/19 全球购物
Envie de Fraise意大利:法国网上推出的孕妇装品牌
2020/10/18 全球购物
民主评议党员个人总结
2015/02/13 职场文书
2015年机械设备管理工作总结
2015/05/04 职场文书
海上钢琴师观后感
2015/06/03 职场文书
优秀团员主要事迹材料
2015/11/05 职场文书
2016春季幼儿园开学寄语
2015/12/03 职场文书
CSS3点击按钮圆形进度打钩效果的实现代码
2021/03/30 HTML / CSS
python中使用 unittest.TestCase单元测试的用例详解
2021/08/30 Python