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 创建书签小工具之理论
Feb 25 Javascript
javascript学习笔记(三) String 字符串类型介绍
Jun 19 Javascript
js用闭包遍历树状数组的方法
Mar 19 Javascript
浅析node连接数据库(express+mysql)
Nov 30 Javascript
jQuery Mobile漏洞会有跨站脚本攻击风险
Feb 12 Javascript
js时间戳格式化成日期格式的多种方法介绍
Feb 16 Javascript
easy ui datagrid 从编辑框中获取值的方法
Feb 22 Javascript
vue给input file绑定函数获取当前上传的对象完美实现方法
Dec 15 Javascript
vue中img src 动态加载本地json的图片路径写法
Apr 25 Javascript
基于小程序请求接口wx.request封装的类axios请求
Jul 02 Javascript
Vue this.$router.push(参数)实现页面跳转操作
Sep 09 Javascript
JS如何实现在弹出窗口中加载页面
Dec 03 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如何透过ODBC来存取数据库
2006/10/09 PHP
php中利用post传递字符串重定向的实现代码
2011/04/21 PHP
PHP中文分词 自动获取关键词介绍
2012/11/13 PHP
在PHP中运行Linux命令并启动SSH服务的例子
2014/06/12 PHP
php递归函数三种实现方法及如何实现数字累加
2015/08/07 PHP
Zend Framework入门知识点小结
2016/03/19 PHP
php中curl和soap方式请求服务超时问题的解决
2018/06/11 PHP
学习YUI.Ext 第四天--对话框Dialog的使用
2007/03/10 Javascript
jquery ajax提交表单数据的两种实现方法
2010/04/29 Javascript
JavaScript将Web页面内容导出到Word及Excel的方法
2015/02/13 Javascript
JavaScript中5种调用函数的方法
2015/03/12 Javascript
移动手机APP手指滑动切换图片特效附源码下载
2015/11/30 Javascript
JavaScript操作HTML DOM节点的基础教程
2016/03/11 Javascript
Javascript Function.prototype.bind详细分析
2016/12/29 Javascript
AngularJS constant和value区别详解
2017/02/28 Javascript
如何在 Vue.js 中使用第三方js库
2017/04/25 Javascript
基于bootstrap实现bootstrap中文网巨幕效果
2017/05/02 Javascript
微信小程序slider组件使用详解
2018/01/31 Javascript
js实现动态添加上传文件页面
2018/10/22 Javascript
为什么说JavaScript预解释是一种毫无节操的机制详析
2018/11/18 Javascript
fastadmin中调用js的方法
2019/05/14 Javascript
js利用递归与promise 按顺序请求数据的方法
2019/08/30 Javascript
react结合bootstrap实现评论功能
2020/05/30 Javascript
Python-嵌套列表list的全面解析
2016/06/08 Python
Python实现简单的多任务mysql转xml的方法
2017/02/08 Python
python基础教程项目五之虚拟茶话会
2018/04/02 Python
Django的models中on_delete参数详解
2019/07/16 Python
python获取Linux发行版名称
2019/08/30 Python
python关于倒排列的知识点总结
2020/10/13 Python
python 通过 pybind11 使用Eigen加速代码的步骤
2020/12/07 Python
加拿大城市本地限时优惠:Buytopia.ca
2018/09/19 全球购物
不打扫卫生检讨书
2014/02/12 职场文书
读群众路线心得体会
2014/03/07 职场文书
学术会议通知
2015/04/15 职场文书
推广普通话宣传标语口号
2015/12/26 职场文书
驾驶员安全责任协议书
2016/03/22 职场文书