简单实用的js调试logger组件
2016-03-23 15:38
453 查看
开发js组件的时间调试总是麻烦的,最常用的就是用alert或者debugger来测试js的运行状态。但这两种方式都有它的局限性,alert会有中断,有些时候alert出来的值并不可靠,闭包的时候用alert可能会得到不正确的值。debugger使用起来其实也挺纠结的,只有ie支持。所以最合理的方式是js把运行过程需要调试的值输出到页面,或者写到cookie也可以,这种方式不会有alert中断带来值不正确的问题,也不会受浏览器类型的限制,唯一纠结的是操作起来很麻烦。
于是,有了下面说的这个js组件。这个组件的实现参考了log4net组件的记录方式,我们利用这个js的logger组件,就可以用log的输出的方式来进行你的调试工作了。
怎么使用呢?
这个js组件往window对象注册了Logger对象,我们可以用Logger.log/Logger.debug/Logger.info/Logger.warn/Logger.error/Logger.fatal来输出不同的调试信息。
示例代码如下:
很简单,再也不用每个地方都写document.getElementId().innerHtml或者alert/debugger来输出内容了。
示例代码中使用的addHours是我扩展js的Date对象方法,想要了解更多的朋友可以查看《扩展js的Date方法》。
于是,有了下面说的这个js组件。这个组件的实现参考了log4net组件的记录方式,我们利用这个js的logger组件,就可以用log的输出的方式来进行你的调试工作了。
这个js组件往window对象注册了Logger对象,我们可以用Logger.log/Logger.debug/Logger.info/Logger.warn/Logger.error/Logger.fatal来输出不同的调试信息。
示例代码如下:
示例代码中使用的addHours是我扩展js的Date对象方法,想要了解更多的朋友可以查看《扩展js的Date方法》。
相关文章推荐
- js原生事件系统与坐标系统
- 基于javascript实现句子翻牌网页版小游戏
- JS倒计时网页自动跳转代码
- Web报表工具FineReport的JS API开发(二)
- WOW.js
- jstl对Map的操作
- fullpage.js
- 用FastJson转JSON 引用问题解决
- ECMASript标准及JavaScript的关系
- jsp+servlet+bean的MVC实例01
- jsp前台url传中文参数乱码
- 安卓与js交互
- 【解决方案】如何实现在HTML页面加载完毕后运行某个js
- javascript3
- 13、JSTL简介
- 基本JS表单验证封装类
- 初始javascript闭包
- jsp中想给导入的页面传参数
- javascript基本知识小结--命名空间,函数
- js小数运算精度问题,js浮点数运算时出现精度问题