javascript日志,在需要跟踪测试js代码的时候特别好用,特别是长时间的跟踪测试,不需要弹出一个又一个的alert框。
两个调试JavaScript的方式,一种是叫做:Log4JS;一种叫做:Lumberjack。我个人比较喜欢后者。
Log4JS:Log4JS在思想上与Apache的log4j类似的JavaScript调试工具。Log4JS把日志输出到一个可定制的日志类中。可以在http://log4js.sourceforge.net上找到它。可以使用的日志类有四个:alert,write,popup,console。write日志类把日志写入浏览器的一个新的页面。popup日志类把日志写入一个单独的浏览器窗口,这有利于跟踪日志消息。最后console日志类把日志写到Safari的控制台上,如果浏览器不是Safari,那么就把日志写入一个对话框。
Log4JS与log4j的相似之处在于它们都定义了不同的日志级别。Log4JS中的日志级别按照递增顺序依次是DEBUG、INFO、WARN、ERROR、FATAL和NONE。一个日志类只会记录与自己的级别相同或更高的信息。例如,如果一个日志类的级别是WARN,那么由info()方法产生的消息将不会被输出,但是由warn()、error()或fatal()方法产生的信息就会被输出。
如果你曾经使用过log4j,那么使用Log4JS就会非常简单。需要记住的是,把日志类的日志级别设置为NONE可以禁用日志类。在你的产品级应用中使用Log4JS的一种方法是在一个单独的JavaScript文件中定义应用所用到的所有日志类,这样就可以在所有页面中使用它们。在把应用部署到产品环境中时,只需更新这个JavaScript文件,禁用所有的日志记录即可。更进一步,你也可以使用Ant的replace任务根据执行构建类型的不同(开发、测试或产品)而设置日志级别。
个人注:在我发的例子中,log4JavaScript.js是Log4JS的核心代码,其他代码可以不用引入。里面的说明文档都是英文的,看不懂,谁要是有中文的文档,分享一下,谢谢!
Lumberjack:Lumberjack是另一款基于JavaScript的日志记录实用工具,其网址是 http://gleepglop.com/javascripts/logger。和Log4JS一样,Lumberjack也受到了Apache log4j的启发。
Lumberjack与其他JavaScript日志框架的不同之处在于它显示日志信息的方法。Lumberjack把所有的日志信息都写入一个特殊的窗口,使用Alt+D(个人注:这个快捷键在ie6上好用,但是在ie7上不能用,因为快捷键冲突了,把js改一下,换个快捷键就ok了!)(在Mac OS X上是Cmd+D)组合键可以激活这个窗口。这个输出窗口是一个显示在网页底部的浮动窗口,即使在上下滚动网页的时候,它的位置也不会改变。这个输出窗口还包含一个基于正则表达式的过滤器,所以只会显示指定类型的错误。同时,它还包含一个JavaScript命令行,可以在其中输入JavaScript命令。
Lumberjack需要Prototype库:Lumberjack依赖于JavaScript库Prototype,可以在http://prototype.conio.net上找到这个库。由于这种依赖性,当在HTML页面中使用<script>标签分别引入它们的JavaScript文件时,一定要把Prototype列在Lumberjack之前。浏览器会根据JavaScript文件在HTML页面中列出的顺序读取并执行它们。如果把Lumberjack列在Prototype之前,那么当浏览器尝试执行Lumberjack脚本的时候就会发生错误,因为找不到未被执行的Prototype脚本中的值。
与使用Log4JS时需要创建单独的日志类不同,Lumberjack把所有的日志方法都作为Logger类的静态方法公开。Logger类共公开了4个日志方法:info、debug、warn和error。每个方法都接受一个代表被记录信息的字符串参数。Logger类还公开了一个log方法,它接受两个参数:代表被记录信息的字符串和代表日志级别的字符串
个人注:在我发的例子中,logger.js是Lumberjack的核心代码。根据上面红色字体的说明,我在引入js的时候将Prototype.js和logger.js放在了所有js的最前面。个人认为这种用日志显示最好。
Js生成txt文件记录日志:
本方法目前有缺陷:
1、每次写入内容的时候,都会将以前的日志清空,所以显示的永远是最近一次的日志;
2、说明文档不全,参数说明不全。
分享到:
相关推荐
Log4Jse是一个非常简洁、可定制的Javascript日志输出管理工具,类似Log4J,但是比它简单很多,可以实现自定义日志输出级别、自定义日志输出方式等功能。 示例代码: // Usage: var mylog = Logger.get("app"); mylog...
此例子展示了如何使用面向对象的方式创建一个JS日志对象,它允许开发者在不中断页面执行的情况下收集和查看日志信息。这种做法不仅提高了调试效率,还改善了用户在调试过程中的体验。此外,你可以根据需求扩展这个...
JavaScript日志工具是开发者在进行前端开发时必不可少的调试辅助手段。它们用于记录程序运行过程中的各种信息,如错误、警告、调试信息等,帮助开发者理解代码执行的流程,定位和解决问题。这篇博客将带你了解...
K-Logging是一款备受推崇的JavaScript日志库,专为前端和后端开发者设计,提供高效、灵活且易用的日志记录解决方案。在JavaScript开发中,日志处理是必不可少的一部分,它可以帮助我们追踪代码运行状态,调试错误,...
漂流木.js Driftwood 一个简单的 JavaScript 日志框架目标日志记录应该很简单,这不是java,我们不需要抽象接口,只需几个简单的选项。 4 个日志级别,仅此而已。 ( debug 、 info 、 error和exception ) 允许将...
AutoJS是一款基于JavaScript的自动化工具,专为Android平台设计,允许用户编写脚本来实现各种自动化的任务,如点击、滑动、输入等操作。在"autojs日志悬浮窗-1.0.10.zip"这个压缩包中,我们可以推测包含的是AutoJS的...
简单的 JavaScript 日志记录一个简单的 JavaScript 日志框架。 Javascript Logging 提供了一种不显眼的调试 javascript 的方式。 位于页面左上角的一个可扩展的小 div 显示日志。 使用 logError(e) 记录的任何错误...
在实际项目中,Logr 可以与其他库(如 Express.js 或 React)结合使用,为特定的框架或组件提供定制的日志解决方案。例如,你可以在错误处理中间件中使用 Logr 来记录 HTTP 错误信息。 总的来说,Logr 作为一个可...
log4js 是 Node.js 日志处理中的数一数二的模块。比起 console 或者 TJ 的 debug 有其优势,尤其针对投入生产的 Node.js 项目来说下面这些是不可少的: 日志分级 日志分类 日志落盘 本文将会给你一个 log4js 的...
JSLogger是一款轻量级的日志记录工具,它主要用于JavaScript环境中的日志收集和分析。在Web开发中,日志记录是调试和优化代码的重要手段,能够帮助开发者追踪代码执行过程,定位错误和性能瓶颈。JSLogger通过简单的...
log4javascript演示 博文链接:https://lxy19791111.iteye.com/blog/263165
JavaScript是一种广泛应用于网页和网络应用的脚本语言,它的日志功能是开发者调试代码和记录程序运行状态的重要工具。在JavaScript中,我们通常使用`console.log()`,`console.error()`等方法来输出日志信息。这些...
在Node.js开发中,日志记录是一个至关重要的环节,它帮助开发者追踪应用程序的运行状态、错误信息以及用户行为。Express.js作为Node.js中最流行的Web应用框架,提供了丰富的扩展性,让我们能够轻松定制自己的访问...
**log4javascript-1.4.1:日志信息记录框架**...总的来说,log4javascript-1.4.1 是一个强大的JavaScript日志记录工具,它简化了Web应用的错误追踪和调试过程,提高了开发效率,并且提供了一套完整的日志管理解决方案。
Node.js是一种基于Chrome V8引擎的JavaScript运行环境,它在服务器端处理大量并发访问时表现出色,广泛应用于构建网络应用和微服务架构中。在这样的环境中,有效管理日志对于确保应用的可靠性与性能至关重要。 Node...