JQuery 的logger 插件

Console.log ,这个对所有的前端童鞋都不陌生,但问题是比较低版本的IE6等不支持,如果在代码中写了console.log,就会报脚本错误。于是包装console.log就成了比较顺利成章的问题,包装很简单,而且目前市面上也已经有了很多,那我为什么还需要自己写个呢?我牛B? No.因为他们不满足我的需求。我的需求很简单,就两个:

1: 统一项目中的console,解决IE低版本脚本错误问题

2: 有log的过滤功能,比如有 "error", "warn", "info", "debug", "log" 等级别,那我现在只需要看warn及以上的,也就是error和warn,这样我的焦点也就在这两个上面,其它比它低的,都别显示。


于是新的JQuery 的logger 插件就这样诞生了,而且当我实现完后,发现和前端大师Luck和Jesse的实现有点不猫儿和,而且从代码的重构来说,他们的更好,于是有的就借鉴了他们的Idea. 当我看了Mozilla上的一些原始方法实现后,发现他们的有些写发,和上面的风格很像,hmmmmmm,原来大师就是这样成就的。


不说废话,进入正题。

1: 先看运行效果

  

2: 如果我过滤,只想看warn及以上级别的

   $.Logger.setLevel(1);

3:那是什么样的代码有上面的log呢

   // $.Logger.setLevel(1);
    var log=$.getLogger("XXX.ux.projectname");
      log.info("I am info",log);
      log.log("I am log","yes, u are right!");
      log.debug("I am debug","yes, u are right!");
      log.warn("I am warn","yes, u are right!");
      log.error("I am error","yes, u are right!");
      
      log=$.getLogger("XXX.ux.projectname2");
      log.info("I am info",log);
      log.log("I am log","yes, u are right!");
      log.debug("I am debug","yes, u are right!");
      log.warn("I am warn","yes, u are right!");
      log.error("I am error","yes, u are right!");
    

4:哪我可以获取代码? 

     https://github.com/majorye/Logger

  使用代码的时候,希望写上出处,谢谢。

发现bug或有更好的建议,请与我联系,github上有我的联系方式。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值