log4javascript

最新推荐文章于 2024-08-16 08:52:21 发布

原创最新推荐文章于 2024-08-16 08:52:21 发布 · 588 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#log4javascript

JavaScript 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了log4javascript，一个用于记录日志的JavaScript工具，它帮助开发者在开发过程中更准确地定位问题，并通过多种方式输出日志信息，如AJAX、弹窗等。文章还提供了示例代码和详细用法说明。

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);