javascript日志框架使用

最新推荐文章于 2021-10-25 11:17:13 发布

巷中人

最新推荐文章于 2021-10-25 11:17:13 发布

阅读量153

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/juforg/p/3564390.html

版权

1.在页面中引入js文件

官网：http://log4javascript.org/index.html

```javascript

```

2. 初始化

 
          <script type= 
          "text/javascript" 
          > 
         
          //启用javascript 日志功能 
         
          var 
          logger = log4javascript.getLogger( 
          "main" 
          ); 
         
          log4javascript.setEnabled( 
          false 
          ); 
         
          var 
          appender =  
          new 
          log4javascript.InPageAppender(); 
         
           　　appender.layout.pattern='%d{yyyy-MM-dd HH:mm:ss,SSS} [%c] %-5p - %m{1}%n'; 
         
          appender.visible= 
          false 
          ; 
         
          logger.addAppender(appender); 
         
          logger.debug( 
          "This is a debugging message from the log4javascript in-page page" 
          ); 
         
          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 && evt.altKey && key == VK_F9){ 
         
          if 
          (appender.visible){ 
         
          log4javascript.setEnabled( 
          false 
          ); 
         
          logger.info( 
          "隐藏记录日志." 
          ); 
         
          appender.hide(); 
         
          appender.visible= 
          false 
          ; 
         
          } 
          else 
          { 
         
          log4javascript.setEnabled( 
          true 
          ); 
         
          logger.info( 
          "显示记录日志." 
          ); 
         
          appender.show(); 
         
          appender.visible= 
          true 
          ; 
         
          } 
         
          }    
         
          }; 
         
          </script>

3.总结

现在你就可以在页面上通过 Ctrl+Alt+F9 来开始/显示js日志或结束/隐藏js日志

效果图：

转载于:https://www.cnblogs.com/juforg/p/3564390.html

巷中人

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript日志框架使用

1.在页面中引入js文件官网：http://log4javascript.org/index.html```javascript<script src="http://cdn.bootcss.com/log4javascript/1.4.3/log4javascript.min.js"></script>```2.初始化...
复制链接

扫一扫