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 学习第五课 Ajax 使用说明
May 17 Javascript
按给定几率进行随机抽取的js代码
Dec 28 Javascript
五段实用的js高级技巧
Dec 20 Javascript
JQuery中操作Css样式的方法
Feb 12 Javascript
文本域中换行符的替换示例
Mar 04 Javascript
JS实现的另类手风琴效果网页内容切换代码
Sep 08 Javascript
jquery ajax结合thinkphp的getjson实现跨域的方法
Jun 06 Javascript
微信小程序(应用号)开发新闻客户端实例
Oct 24 Javascript
微信小程序之绑定点击事件实例详解
Jul 07 Javascript
小程序自定义组件实现城市选择功能
Jul 18 Javascript
详解vue中localStorage的使用方法
Nov 22 Javascript
ant design的table组件实现全选功能以及自定义分页
Nov 17 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
destoon常用的安全设置概述
2014/06/21 PHP
PHP递归复制、移动目录的自定义函数分享
2014/11/18 PHP
thinkphp的URL路由规则与配置实例
2014/11/26 PHP
Zend Framework教程之响应对象的封装Zend_Controller_Response实例详解
2016/03/07 PHP
PHP中使用OpenSSL生成证书及加密解密
2017/02/05 PHP
PHP数组去重的更快实现方式分析
2018/05/09 PHP
浅析PHP中的 inet_pton 网络函数
2019/12/16 PHP
IE不支持getElementsByClassName最终完美解决方案
2012/12/17 Javascript
JavaScript中为什么null==0为false而null大于=0为true(个人研究)
2013/09/16 Javascript
javascript实现日期格式转换
2014/12/16 Javascript
浅谈javascript中return语句
2015/07/15 Javascript
javaScript生成支持中文带logo的二维码(jquery.qrcode.js)
2017/01/03 Javascript
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
2017/01/09 Javascript
Express使用html模板的详细代码
2017/09/18 Javascript
vue中的模态对话框组件实现过程
2018/05/01 Javascript
解决vue 中 echart 在子组件中只显示一次的问题
2018/08/07 Javascript
Vue 组件参数校验与非props特性的方法
2019/02/12 Javascript
vue使用混入定义全局变量、函数、筛选器的实例代码
2019/07/29 Javascript
js实现滑动滑块验证登录
2020/07/24 Javascript
简单谈谈Python中的闭包
2016/11/30 Python
破解安装Pycharm的方法
2018/10/19 Python
python输出电脑上所有的串口名的方法
2019/07/02 Python
python3实现斐波那契数列(4种方法)
2019/07/15 Python
python单线程下实现多个socket并发过程详解
2019/07/27 Python
Python 解决火狐浏览器不弹出下载框直接下载的问题
2020/03/09 Python
经验丰富程序员才知道的8种高级Python技巧
2020/07/27 Python
Canvas globalCompositeOperation
2018/12/18 HTML / CSS
世嘉游戏英国官方商店:SEGA Shop UK
2019/09/20 全球购物
在c#中using和new这两个关键字有什么意义
2013/05/19 面试题
儿科护理实习自我鉴定
2013/09/19 职场文书
医学院护理专业应届生求职信
2013/11/12 职场文书
淘宝中秋节活动方案
2014/01/31 职场文书
销售主管岗位职责范本
2014/02/14 职场文书
城市精细化管理实施方案
2014/03/04 职场文书
学雷锋志愿者活动方案
2014/08/21 职场文书
2016年教师学习教师法心得体会
2016/01/20 职场文书