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接口实现代码 (Interfaces In JavaScript)
Jun 11 Javascript
JS网页图片按比例自适应缩放实现方法
Jan 15 Javascript
很酷的星级评分系统原生JS实现
Aug 25 Javascript
js实现加载更多功能实例
Oct 27 Javascript
three.js快速入门【推荐】
Jan 21 Javascript
javascript基础知识之html5轮播图实例讲解(44)
Feb 17 Javascript
基于JS实现限时抢购倒计时间表代码
May 09 Javascript
详解VueJS 数据驱动和依赖追踪分析
Jul 26 Javascript
vue-router history模式下的微信分享小结
Jul 05 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
May 18 Javascript
在Vue环境下利用worker运行interval计时器的步骤
Aug 01 Javascript
小谈angular ng deploy的实现
Apr 07 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 tp验证表单与自动填充函数代码
2012/02/22 PHP
如何利用PHP执行.SQL文件
2013/07/05 PHP
PHP Curl多线程原理实例详解
2013/11/06 PHP
php实现斐波那契数列的简单写法
2014/07/19 PHP
PHP移动文件指针ftell()、fseek()、rewind()函数总结
2014/11/18 PHP
thinkphp 字母函数详解T/I/N/D/M/A/R/U
2017/04/03 PHP
prototype Element学习笔记(Element篇三)
2008/10/26 Javascript
jquery在IE、FF浏览器的差别详细探讨
2013/04/28 Javascript
javascript-简单的日历实现及Date对象语法介绍(附图)
2013/05/30 Javascript
js实现右下角可关闭最小化div(可用于展示推荐内容)
2013/06/24 Javascript
JScript分割字符串示例代码
2013/09/04 Javascript
如何在父窗口中得知window.open()出的子窗口关闭事件
2013/10/15 Javascript
jQuery实现单击和鼠标感应事件
2015/02/01 Javascript
原生js和jQuery写的网页选项卡特效对比
2015/04/27 Javascript
浅谈JavaScript中指针和地址
2015/07/26 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
2016/05/25 Javascript
使用jQuery 操作table 完成单元格合并的实例
2017/12/27 jQuery
详解Angular操作cookies方法
2018/06/01 Javascript
在vue项目中引用Iview的方法
2018/09/14 Javascript
vue实现输入框自动跳转功能
2020/05/20 Javascript
vue实现虚拟列表功能的代码
2020/07/28 Javascript
python中List的sort方法指南
2014/09/01 Python
Python3单行定义多个变量或赋值方法
2018/07/12 Python
matplotlib调整子图间距,调整整体空白的方法
2018/08/03 Python
Python单向链表和双向链表原理与用法实例详解
2018/08/31 Python
python自动发送测试报告邮件功能的实现
2019/01/22 Python
python将类似json的数据存储到MySQL中的实例
2019/07/12 Python
python 矢量数据转栅格数据代码实例
2019/09/30 Python
Python FFT合成波形的实例
2019/12/04 Python
Python 动态变量名定义与调用方法
2020/02/09 Python
TensorFlow:将ckpt文件固化成pb文件教程
2020/02/11 Python
Python unittest 自动识别并执行测试用例方式
2020/03/09 Python
Python调用.net动态库实现过程解析
2020/06/05 Python
HTML5 新标签全部总汇(推荐)
2016/06/13 HTML / CSS
小学教师个人先进事迹材料
2014/05/17 职场文书
劳动保障个人工作总结
2015/03/04 职场文书