javascript调试说明


Posted in Javascript onJune 07, 2010

以前javascript对于IO的支持很弱,不能写入相应的文本文件中,而且异常对象Error也不统一,无法打印详细的堆栈。自定义异常对象是个非常不讨好的方法,因为通常我们只看到其message属性,再者,其他自定义属性需要用最慢的for...in循环遍历出来。这时没有办法了,我们只有求助于浏览器的各种私有实现,如firefox就有console.log。下面是console对象的方法列表,关于firebug更详细的使用可见这篇文章。

函数 说明
log(obj[, obj, ...]) 向控制台输出一个信息。可以输入多个参数,输出将已空格分隔各参数输出。第一参数可以包含格式化文本,例如:log(‘这里有%d个%s',count,apple);字符串格式:%s:字符串。%d, %i:数字。%f: 浮点数。%o -超链接对象。
debug(obj[, obj, ...]) 向控制台输出一个信息,信息包含一个超链接链接到输出位置。
info(obj[, obj, ...]) 向控制台输出一个带信息图标和背景颜色的信息,信息包含一个超链接链接到输出位置。
warn(obj[, obj, ...]) 向控制台输出一个带警告图标和背景颜色的信息,信息包含一个超链接链接到输出位置。
error(obj[, obj, ...]) 向控制台输出一个带错误图标和背景颜色的信息,信息包含一个超链接链接到输出位置。
assert(expression[, obj, ...]) 测试一个表示是否为true,如果为false,提交一个例外信息到控制台。
dir(obj) 列出对象的所有属性。
dirxml(node) 列出HTML或XML Element的XML源树。
trace() 输出堆栈的调用入口。
group(obj[, obj, ...]) 将信息分组再输出到控制台。通过groupEnd()结束分组。
groupEnd() 结束分组输出。
time(name) 创建一个名称为name的计时器,计算代码的执行时间,调用timeEnd(name)停止计时器并输出执行时间。
timeEnd(name) 停止名称为name的计时器并输出执行时间。
profile([title]) 开始对脚本进行性能测试,title为测试标题。
profileEnd() 结束性能测试。
count([title]) 计算代码的执行次数。titile作为输出标题。

firebug就自不多说了,IE8也有console.log,不过这需要按下F12,进入调试模式时才有效,不然报错。为了不报错,平时我们应该实现一个空对象来覆盖它。
if (!window.console ){ 
window.console = {}; 
var methods = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml", 
"group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"], 
noop = function(){} 
for (var i = 0,method;method=methods[i++];) 
window.console[method] = noop; 
}

大概opera9.5x之后吧,多了一个叫Dragonfly的东东。显然,它无法与firebug花样繁多的日志输出相比,它只提供了一个opera.postError方法。
if (window.opera && opera.postError) { 
opera.postError(message); 
}

safari也有console.log,它是基于其Web Inspector组件,感觉与firefox差不多,但我不是水果党,不知道其方法有没有firebug那么多……对于浏览器新贵chrome,现在我们可以在其扩展程序搜索安装firebug的chrome版本。
Javascript 相关文章推荐
再谈ie和firefox下的document.all属性
Oct 21 Javascript
JS对外部文件的加载及对IFRMAME的加载的实现,当加载完成后,指定指向方法(方法回调)
Jul 04 Javascript
Jquery 实现图片轮换
Jan 28 Javascript
Jquery使用val方法读写value值
May 18 Javascript
Bootstrap编写一个兼容主流浏览器的受众巨幕式风格页面
Jul 01 Javascript
Javascript highcharts 饼图显示数量和百分比实例代码
Dec 06 Javascript
微信小程序 image组件binderror使用例子与js中的onerror区别
Feb 15 Javascript
JS简单封装的图片无缝滚动效果示例【测试可用】
Mar 22 Javascript
微信小程序实现单选功能
Oct 30 Javascript
Angular父子组件通过服务传参的示例方法
Oct 31 Javascript
vue路由插件之vue-route
Jun 13 Javascript
JQuery+Bootstrap 自定义全屏Loading插件的示例demo
Jul 03 jQuery
文本框中,回车键触发事件的js代码[多浏览器兼容]
Jun 07 #Javascript
javascript下数值型比较难点说明
Jun 07 #Javascript
jQuery源码分析之Event事件分析
Jun 07 #Javascript
jQueryUI的Dialog的简单封装
Jun 07 #Javascript
jquery 的 $("#id").html() 无内容的解决方法
Jun 07 #Javascript
基于jquery+thickbox仿校内登录注册框
Jun 07 #Javascript
jquery 注意事项与常用语法小结
Jun 07 #Javascript
You might like
PHP swfupload图片上传的实例代码
2013/09/30 PHP
PHP用星号隐藏部份用户名、身份证、IP、手机号等实例
2014/04/08 PHP
PHP文件上传操作实例详解
2016/09/27 PHP
Avengerls vs KG BO3 第三场2.18
2021/03/10 DOTA
js控制表单奇偶行样式的简单方法
2013/07/31 Javascript
jquery操作select方法汇总
2015/02/05 Javascript
JS/Jquery判断对象为空的方法
2015/06/11 Javascript
jQuery满意度星级评价插件特效代码分享
2015/08/19 Javascript
基于JS实现简单的样式切换效果代码
2015/09/04 Javascript
JavaScript File API实现文件上传预览
2016/02/02 Javascript
原生js封装二级城市下拉列表的实现代码
2016/06/16 Javascript
微信小程序选择图片和放大预览图片功能
2017/11/02 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
2018/04/28 Javascript
node-red File读取好保存实例讲解
2019/09/11 Javascript
对layui中table组件工具栏的使用详解
2019/09/19 Javascript
[02:32]DOTA2英雄基础教程 祸乱之源
2013/12/23 DOTA
python实现判断数组是否包含指定元素的方法
2015/07/15 Python
Python实现的中国剩余定理算法示例
2017/08/05 Python
Python使用matplotlib绘制正弦和余弦曲线的方法示例
2018/01/06 Python
Python的argparse库使用详解
2018/10/09 Python
在Python中如何传递任意数量的实参的示例代码
2019/03/21 Python
python批量下载抖音视频
2019/06/17 Python
django foreignkey外键使用的例子 相当于left join
2019/08/06 Python
keras的ImageDataGenerator和flow()的用法说明
2020/07/03 Python
python飞机大战游戏实例讲解
2020/12/04 Python
html5实现多文件的上传示例代码
2014/02/13 HTML / CSS
支票、地址标签、包装纸和慰问卡:Current Catalog
2018/01/30 全球购物
美国现代家具网站:Design Within Reach
2018/07/19 全球购物
迪士尼西班牙官方网上商店:ShopDisney西班牙
2020/02/02 全球购物
《草原》教学反思
2014/02/15 职场文书
个人借款担保书
2014/04/02 职场文书
实验室的标语
2014/06/20 职场文书
2014年小学工作总结
2014/11/26 职场文书
小班下学期幼儿评语
2014/12/30 职场文书
公司员工违纪检讨书
2015/05/05 职场文书
2016教师校本研修心得体会
2016/01/08 职场文书