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 相关文章推荐
得到文本框选中的文字,动态插入文字的js代码
Mar 07 Javascript
JS图片自动轮换效果实现思路附截图
Apr 30 Javascript
js图片预加载示例
Apr 30 Javascript
javascript中String对象的slice()方法分析
Dec 20 Javascript
JavaScript判断表单提交时哪个radio按钮被选中的方法
Mar 21 Javascript
JavaScript判断字符长度、数字、Email、电话等常用判断函数分享
Apr 01 Javascript
JavaScript实现99乘法表及隔行变色实例代码
Feb 24 Javascript
jQuery原理系列-css选择器的简单实现
Jun 07 Javascript
AngularJS基础 ng-src 指令简单示例
Aug 03 Javascript
基于Vue实例对象的数据选项
Aug 09 Javascript
jQuery中过滤器的基本用法示例
Oct 11 jQuery
Angular8 实现table表格表头固定效果
Jan 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编写一个简单的路由类
2011/04/13 PHP
JS获取父节点方法
2009/08/20 Javascript
js实现全屏漂浮广告移入光标停止移动
2013/12/02 Javascript
javascript实现淡蓝色的鼠标拖动选择框实例
2015/05/09 Javascript
js利用正则表达式检验输入内容是否为网址
2016/07/05 Javascript
AngularJS中update两次出现$promise属性无法识别的解决方法
2017/01/05 Javascript
vue组件实例解析
2017/01/10 Javascript
关于使用axios的一些心得技巧分享
2017/07/02 Javascript
在Vue中使用echarts的实例代码(3种图)
2017/07/10 Javascript
ES6新增数据结构WeakSet的用法详解
2017/08/07 Javascript
JS传播事件、取消事件默认行为、阻止事件传播详解
2017/08/14 Javascript
React Native 自定义下拉刷新上拉加载的列表的示例
2018/03/01 Javascript
JS中Promise函数then的奥秘探究
2018/07/30 Javascript
Vue 使用计时器实现跑马灯效果的实例代码
2019/07/11 Javascript
[03:12]TI9战队档案 - Virtus Pro
2019/08/20 DOTA
python对json的相关操作实例详解
2017/01/04 Python
详谈python中冒号与逗号的区别
2018/04/18 Python
python的依赖管理的实现
2019/05/14 Python
如何使用python操作vmware
2019/07/27 Python
Python依赖包整体迁移方法详解
2019/08/15 Python
Pandas聚合运算和分组运算的实现示例
2019/10/17 Python
python os.listdir()乱码解决方案
2021/01/31 Python
Python命令行参数argv和argparse该如何使用
2021/02/08 Python
利用HTML5+CSS3实现3D转换效果实例详解
2017/05/02 HTML / CSS
中国第一家杂志折扣订阅网:杂志铺
2016/08/30 全球购物
MVC的各个部分都有那些技术来实现?如何实现?
2016/04/21 面试题
工程地质勘察专业大学生求职信
2013/10/13 职场文书
注塑工厂厂长岗位职责
2013/12/02 职场文书
中学生自我鉴定
2014/02/04 职场文书
《最可爱的人》教学反思
2014/02/14 职场文书
业务员工作态度散漫检讨书
2014/11/02 职场文书
高考作弊检讨书1500字
2015/02/16 职场文书
自荐信格式范文
2015/03/04 职场文书
2016年寒假政治学习心得体会
2015/10/09 职场文书
MySQL高级进阶sql语句总结大全
2022/03/16 MySQL
CSS使用Flex和Grid布局实现3D骰子
2022/08/05 HTML / CSS