javascript日志框架使用

1.在页面中引入js文件

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

```javascript

<script src="http://cdn.bootcss.com/log4javascript/1.4.3/log4javascript.min.js"></script>

```

2.初始化

 

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32

<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日志

 效果图：