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 显示当前日期与时间的代码
Mar 24 Javascript
潜说js对象和数组
May 25 Javascript
ASP.NET jQuery 实例4(复制TextBox的文本到本地剪贴板上)
Jan 13 Javascript
关于div自适应高度/左右高度自适应一致的js代码
Mar 22 Javascript
iframe实用操作锦集
Apr 22 Javascript
Node.js中使用事件发射器模式实现事件绑定详解
Aug 15 Javascript
javascript实现动态统计图开发实例
Nov 21 Javascript
javascript封装addLoadEvent实现页面同时加载执行多个函数的方法
Jul 25 Javascript
微信小程序 后台登录(非微信账号)实例详解
Mar 31 Javascript
使用InstantClick.js让页面提前加载200ms
Sep 12 Javascript
vux uploader 图片上传组件的安装使用方法
May 15 Javascript
快速解决vue-cli在ie9+中无效的问题
Sep 04 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
《斗罗大陆》六翼天使武魂最强,为什么老千家不是上三宗?
2020/03/02 国漫
深入解析PHP 5.3.x 的strtotime() 时区设定 警告信息修复
2013/08/05 PHP
PHP+Ajax无刷新带进度条图片上传示例
2017/02/08 PHP
PHP实现求解最长公共子串问题的方法
2017/11/17 PHP
javascript使用activex控件的代码
2011/01/27 Javascript
jQuery 版元素拖拽原型代码
2011/04/25 Javascript
Javascript实现的类似Google的Div拖动效果代码
2011/08/09 Javascript
JS控件ASP.NET的treeview控件全选或者取消(示例代码)
2013/12/16 Javascript
javascript中的括号()用法小结
2014/04/14 Javascript
js中各种类型的变量在if条件中是true还是false
2014/07/16 Javascript
angularjs学习笔记之三大模块(modal,controller,view)
2015/09/26 Javascript
JavaScript构建自己的对象示例
2016/11/29 Javascript
详解nodejs 文本操作模块-fs模块(一)
2016/12/22 NodeJs
如何提高Dom访问速度
2017/01/05 Javascript
vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
2017/02/22 Javascript
JavaScript 数据类型详解
2017/03/13 Javascript
JavaScript转换数据库DateTime字段类型方法
2017/06/27 Javascript
js事件委托和事件代理案例分享
2017/07/25 Javascript
JS实现提交表单前的数字及邮箱校检功能
2017/11/13 Javascript
使用elementUI实现将图片上传到本地的示例
2018/09/04 Javascript
Vue之封装公用变量以及实现方式
2020/07/31 Javascript
js中延迟加载和预加载的具体使用
2021/01/14 Javascript
[47:03]完美世界DOTA2联赛PWL S3 Galaxy Racer vs Phoenix 第二场 12.10
2020/12/13 DOTA
通过pycharm使用git的步骤(图文详解)
2019/06/13 Python
python实现京东订单推送到测试环境,提供便利操作示例
2019/08/09 Python
python 实现绘制整齐的表格
2019/11/18 Python
如何用PyPy让你的Python代码运行得更快
2020/12/02 Python
关于多种方式完美解决Python pip命令下载第三方库的问题
2020/12/21 Python
添柏岚英国官方网站:Timberland英国
2019/11/28 全球购物
String和StringBuffer的区别
2015/08/13 面试题
新员工培训个人的自我评价
2013/10/09 职场文书
师范学院教师自荐书
2014/01/31 职场文书
美容院营销方案
2014/03/05 职场文书
知识竞赛主持词
2014/03/26 职场文书
推广普通话共筑中国梦演讲稿
2014/09/21 职场文书
Golang Gob编码(gob包的使用详解)
2021/05/07 Golang