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 相关文章推荐
jquery构造器的实现代码小结
May 16 Javascript
js实现支持手机滑动切换的轮播图片效果实例
Apr 29 Javascript
javascript html5实现表单验证
Mar 01 Javascript
基于javascript实现全屏漂浮广告
Mar 31 Javascript
BootStrap 轮播插件(carousel)支持左右手势滑动的方法(三种)
Jul 07 Javascript
如何利用JSHint减少JavaScript的错误
Aug 23 Javascript
Angular.Js中过滤器filter与自定义过滤器filter实例详解
May 08 Javascript
使用JavaScript实现链表的数据结构的代码
Aug 02 Javascript
JS严格模式知识点总结
Feb 27 Javascript
JS原型和原型链原理与用法实例详解
Feb 05 Javascript
jQuery操作选中select下拉框的值代码实例
Feb 07 jQuery
JavaScript代码模拟鼠标自动点击事件示例
Aug 07 Javascript
文本框中,回车键触发事件的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直接修改表内容DataGrid功能实现代码
2015/09/24 PHP
thinkphp5.1 框架钩子和行为用法实例分析
2020/05/25 PHP
JS 的应用开发初探(mootools)
2009/12/19 Javascript
分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容
2012/04/20 Javascript
JS写的贪吃蛇游戏(个人练习)
2013/07/08 Javascript
node.js中的console.warn方法使用说明
2014/12/09 Javascript
jquery实现鼠标滑过后动态图片提示效果实例
2015/08/10 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
2016/03/14 Javascript
使用plupload自定义参数实现多文件上传
2016/07/19 Javascript
js浏览器滚动条卷去的高度scrolltop(实例讲解)
2017/07/07 Javascript
JS Testing Properties 判断属性是否在对象里的方法
2017/10/01 Javascript
JavaScript canvas实现围绕旋转动画
2017/11/18 Javascript
基于nodejs实现微信支付功能
2017/12/20 NodeJs
vue中设置height:100%无效的问题及解决方法
2018/07/27 Javascript
解决vue A对象赋值给B对象,修改B属性会影响到A的问题
2018/09/25 Javascript
vue实现双向绑定和依赖收集遇到的坑
2018/11/29 Javascript
jQuery中each和js中forEach的区别分析
2019/02/27 jQuery
vue-router源码之history类的浅析
2019/05/21 Javascript
微信小程序如何播放腾讯视频的实现
2019/09/20 Javascript
谈一谈vue请求数据放在created好还是mounted里好
2020/07/27 Javascript
[55:25]2018DOTA2亚洲邀请赛3月29日 小组赛A组 VG VS OG
2018/03/30 DOTA
[39:19]完美世界DOTA2联赛PWL S2 SZ vs LBZS 第二场 11.26
2020/11/30 DOTA
python实现爬虫下载美女图片
2015/07/14 Python
详解Django之auth模块(用户认证)
2018/04/17 Python
python3学生名片管理v2.0版
2018/11/29 Python
pyqt 实现为长内容添加滑轮 scrollArea
2019/06/19 Python
python getpass实现密文实例详解
2019/09/24 Python
基于python实现计算两组数据P值
2020/07/10 Python
如何将Pycharm中调整字体大小的方式设置为"ctrl+鼠标滚轮上下滑"
2020/11/17 Python
英国鞋类及配饰零售商:Kurt Geiger
2017/02/04 全球购物
adidas马来西亚官网:adidas MY
2020/09/12 全球购物
Linux内核的同步机制是什么?主要有哪几种内核锁
2016/07/11 面试题
《雨霖铃》教学反思
2014/02/22 职场文书
岗位职责说明书
2014/05/07 职场文书
2015年人事工作总结范文
2015/04/09 职场文书
离婚代理词范文
2015/05/23 职场文书