使用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="~/Content/Third/log4javascript-1.4.2/log4javascript.js"></script>
<script src="~/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="button" />