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);
分享到:
相关推荐
`log4javascript`就是这样一款专为JavaScript设计的日志记录库,它借鉴了Java世界的log4j理念,旨在帮助开发者更有效地监控、调试和排查前端应用的问题。 **log4javascript介绍** `log4javascript`是基于...
log4javascript演示 博文链接:https://lxy19791111.iteye.com/blog/263165
**log4javascript-1.4.1:日志信息记录框架** 在软件开发过程中,日志记录是一项至关重要的任务,它能够帮助开发者追踪程序运行时的状态,定位和解决问题。log4javascript 是一个专为JavaScript设计的日志记录框架...
**log4javascript1.4.1** 是一个专为JavaScript编程语言设计的日志记录库,类似于Java中的log4j和.NET框架中的log4net。这些工具都是为了在开发过程中提供可配置、可扩展的日志记录功能,帮助开发者追踪代码运行状态...
**log4javascript 开源JavaScript日志框架** log4javascript 是一个强大的、开源的JavaScript日志记录库,灵感来源于Java世界中的著名日志框架log4j。这个库为JavaScript开发者提供了类似的功能,使得在Web应用程序...
**JavaScript 日志记录库:log4javascript** 在Web开发中,日志记录是不可或缺的一部分,它可以帮助开发者追踪程序运行状态,定位错误,以及优化代码。`log4javascript`是一个为JavaScript设计的日志记录库,灵感...
《深入理解JavaScript日志记录库:HelloLog4javascript与log4javascript实践》 在Web开发中,日志记录是一项至关重要的任务,它帮助开发者追踪应用程序的运行状态,定位错误,优化性能。JavaScript作为客户端编程的...
Log4js 是一个受到Java中的log4j启发的日志库,专为JavaScript设计,适用于浏览器和Node.js环境。这份详细资料将引导你了解如何有效利用log4js进行JS调试。 **1. 安装与引入** 在Node.js环境中,你可以通过npm...
log4javascript2 log4javascript 的第 2 版,一个基于 log4j 的带有 API 的 JavaScript 日志库。 这是一个正在进行的工作。 可以在找到版本 1 的最新稳定版本。 官方网站:
log4javascript 这是此处列出的原始代码的分支: : 虽然我喜欢 API 和 log4jjavascript 的一般概念。 我发现代码不是特别模块化,而且它的大小太大(压缩后的 JS 是 128k )。 所以我的目标是创建一个具有子模块...
比如`log4javascript`和` Bunyan`,都是广受欢迎的JavaScript日志库。 在使用日志工具时,应遵循一些最佳实践: 1. 日志信息应具有可读性,避免过多的技术细节,尤其是对于非开发人员。 2. 在生产环境中,根据需要...
**JavaScript日志记录工具——log4js** 在JavaScript开发中,日志记录是不可或缺的一部分,它可以帮助开发者追踪程序运行状态,定位错误,以及优化代码。`log4js`是一个受到Java社区广泛使用的日志框架`Log4j`启发...
可以用来在js里面输出调试信息,类似java里面的log。从此可以摆脱alert的烦恼了。包你满意!!!! 可以设置 log.level = 0,1,2,3; 例如: log.info("id=",3); 输出[INFO ]: id=3 他会打开一个新的...
面向对象的javascript 完美例子源代码 log4j.js
《深入理解log4js:JavaScript日志记录框架的精髓》 在JavaScript开发中,日志记录是不可或缺的一部分,它能够帮助我们追踪程序运行状态、定位错误、优化性能。log4js是一个广泛使用的日志库,它为Node.js环境提供...
**Log4js是基于Apache Log4j概念的一个轻量级日志库,专为Node.js设计。它的核心特点包括灵活性、可配置性和易用性,允许开发者定制化日志级别、输出格式以及存储位置。** **首先,我们来看一下如何安装Log4js。在...
Log4js是一个流行的JavaScript日志库,它提供了多种Appenders(输出日志的方式)来满足不同场景的需求。本文将深入探讨"Log4js钉钉机器人的Appenders",这是一种利用钉钉机器人发送日志信息到工作群的高级应用。 ...
mylog.log("Hello my app!!"); var viewlog = Logger.get("view"); viewlog.warn("where am I?"); viewlog.error("I don't want work!!"); Logger.get("view").info("Goodbye"); // Above will pop an window, ...