`

log4javascript

阅读更多

log4javascript介绍

log4javascript是一个JS记录log的工具,避免过多的alert方法,在开发的过程中能够很准确的帮助开发人员定位
log4javascript也可以将日志信息通过ajax传递给Server
它是将用户在JS中打的标记在新的浏览器中打开,并可以选择标记的等级
如果想终止调试可以设定不打开新的页面显示打的标记(开关控制)

 

第一个示例HelloWorld

(1)下载log4javascript

 

http://sourceforge.net/projects/log4javascript

 

(2)新建helloworld.html页面

 

(3)将log4javascript.js拷贝到helloworld.html相同的目录下

 

(4)编辑helloworld.html页面内容,具体如下:

 

<html>

  <head>
   <script charset="UTF-8" src="log4javascript.js" language="javascript"></script>
   <script>
     var log = log4javascript.getDefaultLogger();

     function clickMe(){
           log.info("helloworld");
    }
   </script>
  </head>
  <body>
   <input type="button" value="helloworld" onclick="clickMe()"/>
  </body>

</html>
 

 

log4javascript用法

 

 

1、获取日志对象
var log = log4javascript.getLogger();

 

2、支持日志级别:
log4javascript.Level.ALL 
log4javascript.Level.TRACE 
log4javascript.Level.DEBUG 
log4javascript.Level.INFO 
log4javascript.Level.WARN 
log4javascript.Level.ERROR 
log4javascript.Level.FATAL 
log4javascript.Level.NONE

 

3、日志输出目的地Appender:
AlertAppender:                       使用alert语句显示日志。
AjaxAppender:                          支持ajax访问,从服务端获取日志,并输出。
PopUpAppender:         (缺省)弹出对话框显示日志。
InPageAppender:                     内嵌到页面显示日志。
BrowserConsoleAppender:浏览器控制台。目前只支持Firebug控制台。支持浏览器(Safari、Opera、Firefox)。

 

4、日志信息布局Layout:
Layout 
NullLayout 
SimpleLayout 
PatternLayout 
XmlLayout 
JsonLayout 
HttpPostDataLayout

 

5、日志开关:
log4javascript.setEnabled(enabled);

分享到:
评论

相关推荐

    log4javascript-1.3.1

    `log4javascript`就是这样一款专为JavaScript设计的日志记录库,它借鉴了Java世界的log4j理念,旨在帮助开发者更有效地监控、调试和排查前端应用的问题。 **log4javascript介绍** `log4javascript`是基于...

    log4javascript - JavaScript日志

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

    log4javascript-1.4.1 日志信息记录框架

    **log4javascript-1.4.1:日志信息记录框架** 在软件开发过程中,日志记录是一项至关重要的任务,它能够帮助开发者追踪程序运行时的状态,定位和解决问题。log4javascript 是一个专为JavaScript设计的日志记录框架...

    log4javascript1.4.1

    **log4javascript1.4.1** 是一个专为JavaScript编程语言设计的日志记录库,类似于Java中的log4j和.NET框架中的log4net。这些工具都是为了在开发过程中提供可配置、可扩展的日志记录功能,帮助开发者追踪代码运行状态...

    log4javascript-开源

    **log4javascript 开源JavaScript日志框架** log4javascript 是一个强大的、开源的JavaScript日志记录库,灵感来源于Java世界中的著名日志框架log4j。这个库为JavaScript开发者提供了类似的功能,使得在Web应用程序...

    log4[removed]与 bower 一起使用的 log4javascript 包

    **JavaScript 日志记录库:log4javascript** 在Web开发中,日志记录是不可或缺的一部分,它可以帮助开发者追踪程序运行状态,定位错误,以及优化代码。`log4javascript`是一个为JavaScript设计的日志记录库,灵感...

    HelloLog4[removed]log4javascript测试

    《深入理解JavaScript日志记录库:HelloLog4javascript与log4javascript实践》 在Web开发中,日志记录是一项至关重要的任务,它帮助开发者追踪应用程序的运行状态,定位错误,优化性能。JavaScript作为客户端编程的...

    log4js使用指南

    Log4js 是一个受到Java中的log4j启发的日志库,专为JavaScript设计,适用于浏览器和Node.js环境。这份详细资料将引导你了解如何有效利用log4js进行JS调试。 **1. 安装与引入** 在Node.js环境中,你可以通过npm...

    log4javascript2:用于 JavaScript 的日志库,带有基于 log4j 的 API

    log4javascript2 log4javascript 的第 2 版,一个基于 log4j 的带有 API 的 JavaScript 日志库。 这是一个正在进行的工作。 可以在找到版本 1 的最新稳定版本。 官方网站:

    log4[removed]这是 sourceforge 上 log4javascript 的一个分支(http

    log4javascript 这是此处列出的原始代码的分支: : 虽然我喜欢 API 和 log4jjavascript 的一般概念。 我发现代码不是特别模块化,而且它的大小太大(压缩后的 JS 是 128k )。 所以我的目标是创建一个具有子模块...

    JavaScript日志工具介绍

    比如`log4javascript`和` Bunyan`,都是广受欢迎的JavaScript日志库。 在使用日志工具时,应遵循一些最佳实践: 1. 日志信息应具有可读性,避免过多的技术细节,尤其是对于非开发人员。 2. 在生产环境中,根据需要...

    log4js Js调试

    **JavaScript日志记录工具——log4js** 在JavaScript开发中,日志记录是不可或缺的一部分,它可以帮助开发者追踪程序运行状态,定位错误,以及优化代码。`log4js`是一个受到Java社区广泛使用的日志框架`Log4j`启发...

    javascript log日志记录

    可以用来在js里面输出调试信息,类似java里面的log。从此可以摆脱alert的烦恼了。包你满意!!!! 可以设置 log.level = 0,1,2,3; 例如: log.info("id=",3); 输出[INFO ]: id=3 他会打开一个新的...

    面向对象的javascript 完美例子源代码 log4j.js

    面向对象的javascript 完美例子源代码 log4j.js

    log4js.7z

    《深入理解log4js:JavaScript日志记录框架的精髓》 在JavaScript开发中,日志记录是不可或缺的一部分,它能够帮助我们追踪程序运行状态、定位错误、优化性能。log4js是一个广泛使用的日志库,它为Node.js环境提供...

    log4js for nodejs

    **Log4js是基于Apache Log4j概念的一个轻量级日志库,专为Node.js设计。它的核心特点包括灵活性、可配置性和易用性,允许开发者定制化日志级别、输出格式以及存储位置。** **首先,我们来看一下如何安装Log4js。在...

    log4js钉钉机器人的Appenders

    Log4js是一个流行的JavaScript日志库,它提供了多种Appenders(输出日志的方式)来满足不同场景的需求。本文将深入探讨"Log4js钉钉机器人的Appenders",这是一种利用钉钉机器人发送日志信息到工作群的高级应用。 ...

    javascript 日志管理工具log4jse的使用

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

Global site tag (gtag.js) - Google Analytics