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 相关文章推荐
Javascript的闭包
Dec 31 Javascript
对jQuery的事件绑定的一些思考(补充)
Apr 20 Javascript
左侧是表头的JS表格控件(自写,网上没有的)
Jun 04 Javascript
javascript中select下拉框的用法总结
Jan 07 Javascript
深入理解js promise chain
May 05 Javascript
微信小程序 教程之数据绑定
Oct 18 Javascript
JavaScript html5利用FileReader实现上传功能
Mar 27 Javascript
JavaScript中双向数据绑定详解
May 03 Javascript
Vue前端开发规范整理(推荐)
Apr 23 Javascript
Vue实现PopupWindow组件详解
Apr 28 Javascript
详解Angular6.0使用路由步骤(共7步)
Jun 29 Javascript
JS中注入eval, Function等系统函数截获动态代码
Apr 03 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 var_dump遍历对象属性的函数与应用代码
2010/06/04 PHP
使用php get_headers 判断URL是否有效的解决办法
2013/04/27 PHP
PHP独立Session数据库存储操作类分享
2014/06/11 PHP
PHP程序员常见的40个陋习,你中了几个?
2014/11/20 PHP
php采集内容中带有图片地址的远程图片并保存的方法
2015/01/03 PHP
PHP实现的链式队列结构示例
2017/09/15 PHP
PHP时间函数使用详解
2019/03/21 PHP
js的Prototype属性解释及常用方法
2014/05/08 Javascript
使用typeof方法判断undefined类型
2014/09/09 Javascript
原生js和jQuery随意改变div属性style的名称和值
2014/10/22 Javascript
nodejs中实现路由功能
2014/12/29 NodeJs
jquery实现文字单行横移或翻转(上下、左右跳转)
2017/01/08 Javascript
Bootstrap表单控件学习使用
2017/03/07 Javascript
JavaScript原型继承_动力节点Java学院整理
2017/06/30 Javascript
深入浅出webpack之externals的使用
2017/12/04 Javascript
jquery自定义显示消息数量
2017/12/19 jQuery
Vue.js实现的表格增加删除demo示例
2018/05/22 Javascript
vue权限管理系统的实现代码
2019/01/17 Javascript
js 数组当前行添加数据方法详解
2020/07/28 Javascript
Python中线程的MQ消息队列实现以及消息队列的优点解析
2016/06/29 Python
基于Python数据可视化利器Matplotlib,绘图入门篇,Pyplot详解
2017/10/13 Python
Python中文件的读取和写入操作
2018/04/27 Python
解决python selenium3启动不了firefox的问题
2018/10/13 Python
Python应用领域和就业形势分析总结
2019/05/14 Python
Python发展简史 Python来历
2019/05/14 Python
Python对列表的操作知识点详解
2019/08/20 Python
Python编程快速上手——Excel到CSV的转换程序案例分析
2020/02/28 Python
Django之choices选项和富文本编辑器的使用详解
2020/04/01 Python
pycharm配置python 设置pip安装源为豆瓣源
2021/02/05 Python
The Kooples美国官方网站:为情侣提供的法国当代时尚品牌
2019/01/03 全球购物
国际政治个人自荐信范文
2013/11/26 职场文书
社区国庆节活动方案
2014/02/05 职场文书
临床护理求职信
2014/04/26 职场文书
关于青春的演讲稿500字
2014/08/22 职场文书
中学生勤俭节约倡议书
2015/04/29 职场文书
Spring Boot mybatis-config 和 log4j 输出sql 日志的方式
2021/07/26 Java/Android