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" οnclick="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);