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同意等待代码实现心得
Jan 01 Javascript
Jquery颜色选择器ColorPicker实现代码
Nov 14 Javascript
模拟电子签章盖章效果的jQuery插件源码
Jun 24 Javascript
键盘KeyCode值列表汇总
Nov 26 Javascript
Jquery中巧用Ajax的beforeSend方法
Jan 20 Javascript
javascript中的event loop事件循环详解
Dec 14 Javascript
vue项目添加多页面配置的步骤详解
May 22 Javascript
手把手教你 CKEDITOR 4 扩展插件制作
Jun 18 Javascript
在React中写一个Animation组件为组件进入和离开加上动画/过度效果
Jun 24 Javascript
微信小程序图片自适应实现解析
Jan 21 Javascript
微信小程序实现首页弹出广告
Dec 03 Javascript
react中的DOM操作实现
Jun 30 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
如何开发一个虚拟域名系统
2006/10/09 PHP
PHP超牛逼无限极分类生成树方法
2015/05/11 PHP
PHP实现多图上传和单图上传功能
2018/05/17 PHP
php生成短网址/短链接原理和用法实例分析
2020/05/29 PHP
JQuery 拾色器插件发布-jquery.icolor.js
2010/10/20 Javascript
jQuery EasyUI API 中文文档 - Pagination分页
2011/09/29 Javascript
用html5 js实现点击一个按钮达到浏览器全屏效果
2014/05/28 Javascript
Bootstrap每天必学之进度条
2015/11/30 Javascript
RGB和YUV 多媒体编程基础详细介绍
2016/11/04 Javascript
AngularJS Controller作用域
2017/01/09 Javascript
Vue非父子组件通信详解
2017/06/12 Javascript
nodejs实现截取上传视频中一帧作为预览图片
2017/12/10 NodeJs
微信小程序webview实现长按点击识别二维码功能示例
2019/01/24 Javascript
详解如何给React-Router添加路由页面切换时的过渡动画
2019/04/25 Javascript
JS计算两个数组的交集、差集、并集、补集(多种实现方式)
2019/05/21 Javascript
Python实现的ini文件操作类分享
2014/11/20 Python
python中PIL安装简单教程
2016/04/21 Python
Python基于numpy灵活定义神经网络结构的方法
2017/08/19 Python
基于Python函数的作用域规则和闭包(详解)
2017/11/29 Python
Python+Pandas 获取数据库并加入DataFrame的实例
2018/07/25 Python
Python数据可视化库seaborn的使用总结
2019/01/15 Python
Python 字符串类型列表转换成真正列表类型过程解析
2019/08/26 Python
Python数据库小程序源代码
2019/09/15 Python
python程序 线程队列queue使用方法解析
2019/09/23 Python
Pyqt助手安装PyQt5帮助文档过程图解
2020/11/20 Python
css3边框_动力节点Java学院整理
2017/07/11 HTML / CSS
意大利奢华内衣制造商:Cosabella
2017/08/29 全球购物
爱普生美国官网:Epson美国
2018/11/05 全球购物
日期和时间问题
2015/01/04 面试题
幼师求职自荐信范文
2014/01/26 职场文书
大学军训感言600字
2014/02/25 职场文书
餐饮周年庆活动方案
2014/08/14 职场文书
财务个人年度总结范文
2015/02/26 职场文书
幼儿园综治宣传月活动总结
2015/05/07 职场文书
毕业典礼主持词
2015/06/29 职场文书
php 防护xss,PHP的防御XSS注入的终极解决方案
2021/04/01 PHP