js日志管理-log4javascript学习小结

有用功能点：

  1. 可以分级别显示日志信息
  2. 可以控制显示级别
  3. 可以设置appender，设置显示在控制台还是发送服务端
  4. 控制台单独于web页面，方便调试查看
  5. 可以分组显示信息。logger.setGroup("name"),logger.groupEnd()

如何使用？

首先下载log4javascript包。

在页面引入js

1 <script src="../js/RequireConfig.js"></script>
2 <script type="text/javascript" src="../jslib/log4javascript.js"></script>
3 <script src="../jslib/require.js" defer async="true" data-main="../js/index.js"></script>
引入log4javascript

使用方法

 1 function test(){
 2  
 3     require(["../jslib/LogHelper"],function(p_logHelper){
 4     
 5         p_logHelper.logger.group("test");
 6         p_logHelper.info("test loginfo-info",g_jsPath);
 7         p_logHelper.fatal("test loginfo-fatal",g_jsPath);
 8         p_logHelper.debug("test loginfo-debug",g_jsPath);
 9         p_logHelper.warn("test loginfo-warn",g_jsPath);
10         p_logHelper.error("test loginfo-error",g_jsPath);
11         p_logHelper.trace("test loginfo-trace",g_jsPath);
12         p_logHelper.logger.groupEnd();
13     });
14 };
调用

效果

配置

可以配置是否显示日志和显示的日志级别

1 /**配置项 */
2 const g_logConfig={
3     isEnabled:true,
4     level:log4javascript.Level.ERROR/*log4javascript.Level.ALL|TRACE|DEBUG|INFO|WARN|ERROR|FATAL|OFF*/
5 };
配置项

注意：

ajaxAppender，还没有研究，将来部署完毕后很有用，目前可满足开发使用。

posted @ 2019-06-05 16:29  向_日_葵  阅读(1211)  评论(0)  编辑  收藏  举报