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 相关文章推荐
使用Json比用string返回数据更友好,也更面向对象一些
Sep 13 Javascript
JavaScript自定义DateDiff函数(兼容所有浏览器)
Mar 01 Javascript
JS跨域总结
Aug 30 Javascript
extjs中form与grid交互数据(record)的方法
Aug 29 Javascript
JavaScript中String.prototype用法实例
May 20 Javascript
Angularjs单选框相关的示例代码
Aug 17 Javascript
Vue父子组件之间的通信实例详解
Sep 28 Javascript
Layui Form 自定义验证的实例代码
Sep 14 Javascript
js canvas实现星空连线背景特效
Nov 01 Javascript
JavaScript实现字符串与HTML格式相互转换
Mar 17 Javascript
js属性对象的hasOwnProperty方法的使用
Feb 05 Javascript
vue 使用 v-model 双向绑定父子组件的值遇见的问题及解决方案
Mar 01 Vue.js
文本框中,回车键触发事件的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,js双版本
2012/09/25 PHP
PHP中的switch语句的用法实例详解
2015/10/21 PHP
Joomla语言翻译类Jtext用法分析
2016/05/05 PHP
PHP环境搭建的详细步骤
2016/06/30 PHP
PHP7安装Redis扩展教程【Linux与Windows平台】
2016/09/30 PHP
PHP explode()函数用法讲解
2019/02/15 PHP
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
2012/02/27 Javascript
js实现简单登录功能的实例代码
2013/11/09 Javascript
jquery 实现input输入什么div图层显示什么
2014/06/15 Javascript
JS获取网页图片name属性的方法
2015/04/01 Javascript
jQuery判断checkbox选中状态
2016/05/12 Javascript
jQuery 中ajax异步调用的四种方式
2016/06/28 Javascript
jQuery获取attr()与prop()属性值的方法及区别介绍
2016/07/06 Javascript
AngularJS 支付倒计时功能实现思路
2017/06/05 Javascript
NodeJS自定义模块写法(详解)
2017/06/27 NodeJs
JavaScript编写棋盘覆盖代码详解
2017/08/28 Javascript
如何解决日期函数new Date()浏览器兼容性问题
2019/09/11 Javascript
python脚本实现xls(xlsx)转成csv
2016/04/10 Python
Python实现霍夫圆和椭圆变换代码详解
2018/01/12 Python
使用Python实现windows下的抓包与解析
2018/01/15 Python
Ubuntu下使用Python实现游戏制作中的切分图片功能
2018/03/30 Python
对Python3中bytes和HexStr之间的转换详解
2018/12/04 Python
Python学习笔记基本数据结构之序列类型list tuple range用法分析
2019/06/08 Python
将tensorflow模型打包成PB文件及PB文件读取方式
2020/01/23 Python
使用Python操作ArangoDB的方法步骤
2020/02/02 Python
CSS Houdini实现动态波浪纹效果
2019/07/30 HTML / CSS
使用HTML5里的classList操作CSS类
2016/06/28 HTML / CSS
webView加载html图片遇到的问题解决
2019/10/08 HTML / CSS
销售代表求职自荐信
2013/10/01 职场文书
机关财务管理制度
2014/01/17 职场文书
黄继光的英雄事迹材料
2014/02/13 职场文书
保护环境倡议书500字
2014/05/19 职场文书
小学竞选班长演讲稿
2014/09/09 职场文书
科长个人四风问题整改措施思想汇报
2014/10/13 职场文书
使用CSS连接数据库的方式
2022/02/28 HTML / CSS
进行数据处理的6个 Python 代码块分享
2022/04/06 Python