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中各种编码解码函数的区别和注意事项
Aug 19 Javascript
validator验证控件使用代码
Nov 23 Javascript
httpclient模拟登陆具体实现(使用js设置cookie)
Dec 11 Javascript
jQuery使用slideUp方法实现控制元素缓慢收起
Mar 27 Javascript
JavaScript中DOM详解
Apr 13 Javascript
jQuery添加和删除输入文本框标签代码
May 20 Javascript
JS实现超简单的汉字转拼音功能示例
Dec 22 Javascript
JS实现touch 点击滑动轮播实例代码
Jan 19 Javascript
javascript实现右下角广告框效果
Feb 01 Javascript
jQuery实现html双向绑定功能示例
Oct 09 jQuery
使用vue for时为什么要key【推荐】
Jul 11 Javascript
Vue 通过公共字段,拼接两个对象数组的实例
Nov 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
浅谈Windows下 PHP4.0与oracle 8的连接设置
2006/10/09 PHP
PHP+MySQL 制作简单的留言本
2009/11/02 PHP
php和mysql中uft-8中文编码乱码的几种解决办法
2012/04/19 PHP
PHP使用get_headers函数判断远程文件是否存在的方法
2014/11/28 PHP
表单提交错误后返回内容消失问题的解决方法(PHP网站)
2015/10/20 PHP
PHP抓取及分析网页的方法详解
2016/04/26 PHP
PHP实现带重试功能的curl连接示例
2016/07/28 PHP
CI框架(CodeIgniter)操作redis的方法详解
2018/01/25 PHP
5款Javascript颜色选择器
2009/10/25 Javascript
javascript 正则替换 replace(regExp, function)用法
2010/05/22 Javascript
jquery实现通用版鼠标经过淡入淡出效果
2014/06/15 Javascript
js生成随机数的方法实例
2015/10/16 Javascript
nodejs初步体验篇
2015/11/23 NodeJs
AngularJS表单详解及示例代码
2016/08/17 Javascript
给easyui datebox扩展一个清空的实例
2016/11/09 Javascript
Spring boot 和Vue开发中CORS跨域问题解决
2018/09/05 Javascript
使用layui 的layedit定义自己的toolbar方法
2019/09/18 Javascript
element实现合并单元格通用方法
2019/11/13 Javascript
JavaScript Image对象实现原理实例解析
2020/08/26 Javascript
python通过openpyxl生成Excel文件的方法
2015/05/12 Python
python入门教程之识别验证码
2017/03/04 Python
python3+PyQt5实现拖放功能
2018/04/24 Python
python库matplotlib绘制坐标图
2019/10/18 Python
Python Selenium XPath根据文本内容查找元素的方法
2020/12/07 Python
css3的@media属性实现页面响应式布局示例代码
2014/02/10 HTML / CSS
JPA的特点
2014/10/25 面试题
医学专业个人求职自荐信格式
2013/09/23 职场文书
经典优秀个人求职自荐信格式
2013/09/25 职场文书
教师个人的自我评价分享
2014/01/02 职场文书
文明礼仪演讲稿
2014/05/12 职场文书
民主生活会批评与自我批评总结
2014/10/17 职场文书
2015年调度员工作总结
2015/04/30 职场文书
迎新年主持词
2015/07/06 职场文书
百日宴上的祝酒词
2015/08/10 职场文书
对讲机知识
2022/04/07 无线电
vue递归实现树形组件
2022/07/15 Vue.js