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 表格隔行颜色
Dec 02 Javascript
JavaScript获取路径设计源码
May 22 Javascript
jQuery移除元素自动解绑事件实现思路及代码
May 31 Javascript
原生js页面滚动延迟加载图片
Dec 20 Javascript
探讨:JavaScript ECAMScript5 新特性之get/set访问器
May 05 Javascript
轻松掌握JavaScript策略模式
Aug 25 Javascript
vue从使用到源码实现教程详解
Sep 19 Javascript
基于Bootstrap 3 JQuery及RegExp的表单验证功能
Feb 16 Javascript
Bootstrap modal 多弹窗之叠加关闭阴影遮罩问题的解决方法
Feb 27 Javascript
JavaScript实现分页效果
Mar 28 Javascript
用Webpack构建Vue项目的实践
Nov 07 Javascript
JS实现的抛物线运动效果示例
Jan 30 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
PHP4实际应用经验篇(8)
2006/10/09 PHP
解析zend studio中直接导入svn中的项目的方法步骤
2013/06/21 PHP
基于php常用函数总结(数组,字符串,时间,文件操作)
2013/06/27 PHP
php按单词截取字符串的方法
2015/04/07 PHP
php 在线导入mysql大数据程序
2015/06/11 PHP
深入理解PHP 数组之count 函数
2016/06/13 PHP
ThinkPHP5框架缓存查询操作分析
2018/05/30 PHP
PHP实现带进度条的Ajax文件上传功能示例
2019/07/02 PHP
php的lavarel框架中join和orWhere的用法
2020/12/28 PHP
js判断一个元素是否为另一个元素的子元素的代码
2012/03/21 Javascript
文本框input聚焦失焦样式实现代码
2012/10/12 Javascript
让页面上两个div中的滚动条(滑块)同步运动示例
2013/08/07 Javascript
JSON格式的键盘编码对照表
2015/01/29 Javascript
JS+CSS实现淡入式焦点图片幻灯切换效果的方法
2015/02/26 Javascript
JavaScript对象拷贝与Object.assign用法实例分析
2018/06/20 Javascript
详解关于Vue版本不匹配问题(Vue packages version mismatch)
2018/09/17 Javascript
Javascript迭代、递推、穷举、递归常用算法实例讲解
2019/02/01 Javascript
vue实现条件叠加搜索的解决方法
2019/05/28 Javascript
node.js处理前端提交的GET请求
2019/08/30 Javascript
Python实现定时精度可调节的定时器
2018/04/15 Python
python如何生成网页验证码
2018/07/28 Python
python+numpy+matplotalib实现梯度下降法
2018/08/31 Python
python五子棋游戏的设计与实现
2019/06/18 Python
python绘制雪景图
2019/12/16 Python
VSCode基础使用与VSCode调试python程序入门的图文教程
2020/03/30 Python
Python实现JS解密并爬取某音漫客网站
2020/10/23 Python
诗普兰迪官方网站:Splendid
2018/09/18 全球购物
Footshop罗马尼亚:最好的运动鞋选择
2019/09/10 全球购物
《云雀的心愿》教学反思
2014/02/25 职场文书
公司合作意向书
2014/04/01 职场文书
公司请假条范文
2014/04/11 职场文书
四风问题个人对照检查材料
2014/09/26 职场文书
十七岁的单车观后感
2015/06/12 职场文书
师范生小学见习总结
2015/06/23 职场文书
靠谱的活动总结
2019/04/16 职场文书
使用PDF.js渲染canvas实现预览pdf的效果示例
2021/04/17 Javascript