`
angkorpeach
  • 浏览: 119648 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论
阅读更多

javascript日志,在需要跟踪测试js代码的时候特别好用,特别是长时间的跟踪测试,不需要弹出一个又一个的alert框。

 

两个调试JavaScript的方式,一种是叫做:Log4JS;一种叫做:Lumberjack。我个人比较喜欢后者。


   Log4JS:Log4JS
在思想上与Apachelog4j类似的JavaScript调试工具。Log4JS日志输出到一个可定制的日志类中。可以在http://log4js.sourceforge.net上找到它。可以使用的日志类有四个:alert,write,popup,consolewrite日志类把日志写入浏览器的一个新的页面。popup日志类把日志写入一个单独的浏览器窗口,这有利于跟踪日志消息。最后console日志类把日志写到Safari的控制台上,如果浏览器不是Safari,那么就把日志写入一个对话框。
   Log4JS
log4j的相似之处在于它们都定义了不同的日志级别。Log4JS中的日志级别按照递增顺序依次是DEBUGINFOWARNERRORFATALNONE。一个日志类只会记录与自己的级别相同或更高的信息。例如,如果一个日志类的级别是WARN,那么由info()方法产生的消息将不会被输出,但是由warn()error()fatal()方法产生的信息就会被输出。

   
如果你曾经使用过log4j,那么使用Log4JS就会非常简单。需要记住的是,把日志类的日志级别设置为NONE可以禁用日志类。在你的产品级应用中使用Log4JS的一种方法是在一个单独的JavaScript文件中定义应用所用到的所有日志类,这样就可以在所有页面中使用它们。在把应用部署到产品环境中时,只需更新这个JavaScript文件,禁用所有的日志记录即可。更进一步,你也可以使用Antreplace任务根据执行构建类型的不同(开发、测试或产品)而设置日志级别。
 

 

 

个人注:在我发的例子中,log4JavaScript.jsLog4JS的核心代码,其他代码可以不用引入。里面的说明文档都是英文的,看不懂,谁要是有中文的文档,分享一下,谢谢!

 

     LumberjackLumberjack是另一款基于JavaScript日志记录实用工具,其网址是  http://gleepglop.com/javascripts/logger。和Log4JS一样,Lumberjack也受到了Apache log4j的启发。

     Lumberjack与其他JavaScript日志框架的不同之处在于它显示日志信息的方法。Lumberjack把所有的日志信息都写入一个特殊的窗口,使用Alt+D(个人注:这个快捷键在ie6上好用,但是在ie7上不能用,因为快捷键冲突了,把js改一下,换个快捷键就ok了!(在Mac OS X上是Cmd+D)组合键可以激活这个窗口。这个输出窗口是一个显示在网页底部的浮动窗口,即使在上下滚动网页的时候,它的位置也不会改变。这个输出窗口还包含一个基于正则表达式的过滤器,所以只会显示指定类型的错误。同时,它还包含一个JavaScript命令行,可以在其中输入JavaScript命令。
    Lumberjack
需要Prototype库:Lumberjack依赖于JavaScriptPrototype,可以在http://prototype.conio.net上找到这个库。由于这种依赖性,当在HTML页面中使用<script>标签分别引入它们的JavaScript文件时,一定要把Prototype列在Lumberjack之前。浏览器会根据JavaScript文件在HTML页面中列出的顺序读取并执行它们。如果把Lumberjack列在Prototype之前,那么当浏览器尝试执行Lumberjack脚本的时候就会发生错误,因为找不到未被执行的Prototype脚本中的值
    与使用Log4JS时需要创建单独的日志类不同,Lumberjack把所有的日志方法都作为Logger类的静态方法公开。Logger类共公开了4日志方法:infodebugwarnerror。每个方法都接受一个代表被记录信息的字符串参数。Logger类还公开了一个log方法,它接受两个参数:代表被记录信息的字符串和代表日志级别的字符串

 

个人注:在我发的例子中,logger.jsLumberjack的核心代码。根据上面红色字体的说明,我在引入js的时候将Prototype.jslogger.js放在了所有js的最前面。个人认为这种用日志显示最好。

 

       Js生成txt文件记录日志:

本方法目前有缺陷:

1、每次写入内容的时候,都会将以前的日志清空,所以显示的永远是最近一次的日志;

2、说明文档不全,参数说明不全。

 

分享到:
评论

相关推荐

    Javascript日志输出管理工具Log4Jse.zip

    Log4Jse是一个非常简洁、可定制的Javascript日志输出管理工具,类似Log4J,但是比它简单很多,可以实现自定义日志输出级别、自定义日志输出方式等功能。 示例代码: // Usage: var mylog = Logger.get("app"); mylog...

    driftwood.js:Driftwood 一个简单的 JavaScript 日志框架

    漂流木.js Driftwood 一个简单的 JavaScript 日志框架目标日志记录应该很简单,这不是java,我们不需要抽象接口,只需几个简单的选项。 4 个日志级别,仅此而已。 ( debug 、 info 、 error和exception ) 允许将...

    创建js日志对象代替alert函数进行调试的例子

    创建js日志对象代替alert函数进行调试。该例子是我在学习js面向对象部分的时候,做到了一个小例子,感觉非常好,分享给大家。

    simple-javascript-logging:简单的 JavaScript 日志记录

    简单的 JavaScript 日志记录一个简单的 JavaScript 日志框架。 Javascript Logging 提供了一种不显眼的调试 javascript 的方式。 位于页面左上角的一个可扩展的小 div 显示日志。 使用 logError(e) 记录的任何错误...

    K-Logging最好用的js日志库

    K-Logging 最好用的js日志库

    Node.js 日志处理模块log4js

    log4js 是 Node.js 日志处理中的数一数二的模块。比起 console 或者 TJ 的 debug 有其优势,尤其针对投入生产的 Node.js 项目来说下面这些是不可少的: 日志分级 日志分类 日志落盘 本文将会给你一个 log4js 的...

    JavaScript日志工具介绍

    操作步骤: 1:打开calc.htm 2: Alt+D打开调试窗口 博文链接:https://fuhao9611.iteye.com/blog/72374

    log4javascript - JavaScript日志

    log4javascript演示 博文链接:https://lxy19791111.iteye.com/blog/263165

    Logr:一个可配置的 JavaScript 日志工具!

    对数 一个可配置的 JavaScript 日志工具!

    javascript 日志管理工具log4jse的使用

    // Usage: var mylog = Logger.get("app"); mylog.log("Hello my app!!"); var viewlog = Logger.get("view"); viewlog.warn("where am I?...viewlog.error("I don't want work!...// Above will pop an window, and ...

    pot-logger:零配置的功能强大的node.js日志系统

    一个功能强大的node.js日志系统,配置为零。 建立在 目录 hasLogger(类别) getLogger(类别) sureLogger(category [,appenderDescription]) setConfig(keyOrConfig [,value]) 冲洗([选项]) ...

    logger:全面的javascript日志记录

    记录器增强版全面的 javascript 日志记录。 将信息记录到控制台以及获取计时信息。 ##特征支持 console.log、console.warn、console.error、console.table 计时组 - 将事件和报告组合在一起高性能计时(如果浏览器...

    ServerLog:一个简单,实用和创新的Node.js日志库,可让您在Chrome开发工具和浏览器控制台中查看日志

    一个简单,实用和创新的Node.js日志库,可让您在Chrome开发工具和浏览器控制台中查看日志。 ServerLog包含以下功能: 友好的日志输出格式; 支持info , warn , error 3个日志级别,API设计尽可能简单; 通过...

    logger2js-1.0.6

    logger2js是用原生态javascript语言编写的web页面js日志&amp;调试工具箱 主要用于客户端脚本的分析和查错 工具提供了$alert函数来代替js固有的alert函数 除了能够指定字体颜色在控制台连续输出字符串信息以外 还...

    logbook:可插拔的Javascript日志变得简单

    日志可插拔的Javascript日志变得简单日志是任何项目的可插拔/可部署实时日志处理程序。 目标用户涉及正在寻找自定义实时专用日志记录仪表板的后端开发人员。 日志将作为npm软件包以及Docker映像分发。 日志使用...

    Node.js log4js日志管理详解

    日志对任何的应用来说都是至关重要的,下面这篇文章主要给大家介绍了关于Node.js log4js日志管理的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面随着小编来一起学习学习吧

Global site tag (gtag.js) - Google Analytics