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，尚未研究，未來部署完畢後頗有用，目前可知足開發使用。