log4javascript.js怎么用

JavaScript07

log4javascript.js怎么用,第1张

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

//启用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

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

})

})

angular-logger 是一个方便的实现前端日志输出的套件，并且可以在日志当中打印时间，日志来自的模块等等信息。

Chrome输出如下：

log4js-node 是我们Node Server端推荐采用的日志框架。可以配置文件输出，标准输出等等Appenders.

在application log里面也会有以下内容。