首页 > 代码库 > 使用log4javascript记录日志

使用log4javascript记录日志

 

1、定义log4js服务类,用于初始化log4javascript相关参数

log4jsService.js
//启用javascript 日志功能var logger = log4javascript.getLogger("main");log4javascript.setEnabled(true);var appender = new log4javascript.InPageAppender();appender.layout.pattern = ‘%d{yyyy-MM-dd HH:mm:ss,SSS} [%c] %-5p - %m{1}%n‘;logger.addAppender(appender);//点击Ctrl键时显示/隐藏日志控制台document.onkeydown = function (evt) {    var VK_F9 = 120;    //兼容IE和Firefox获得keyBoardEvent对象    var evt = (evt) ? evt : ((window.event) ? window.event : "");    //兼容IE和Firefox获得keyBoardEvent对象的键值    var key = evt.keyCode ? evt.keyCode : evt.which;    if (evt.ctrlKey) {        if (appender.visible) {            appender.hide();            appender.visible = false;            log4javascript.setEnabled(false);        } else {            log4javascript.setEnabled(true);            appender.show();            appender.visible = true;        }    }};

 

2、引入log4javascript.js和log4js

<script src="http://www.mamicode.com/~/Content/Third/log4javascript-1.4.2/log4javascript.js"></script><script src="http://www.mamicode.com/~/Scripts/Common/log4jsService.js"></script>

 

3、使用log4javascript记录日志

  $(function () {        $("#Button1").click(function () {            logger.debug("This is a debugging message from the log4javascript in-page page");            logger.info("info info");            logger.error("error info");        });    });

<input id="Button1" type="button" value="http://www.mamicode.com/button" />