前端日志


前端日志

现今有很多无法预知的错误出现,但又不是所有的错误都可以使用pc端的浏览器重现问题所在,

所以前端日志很有必要,日志的出现就是记录某些东西,让开发人员更好锁定问题所在,而后台

在这方面的工作就很完善,这样大大的提高追踪问题速度,然而前端的兼容性是一件很头痛的问题,

有可能写了一段很新的技术代码,然而某些浏览器不兼容而挂了,这样很可能无法追踪到问题,

所以前端日志这个时刻起的作用就起来了。

前端日志使用到技术一般就几个,一个是try()catch(e){}和onerror,这两个,如果有必要的也会使用

一些很特别的东西去检测错误,这个就不说。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
/*try{}catch(e){} 可以捕获在其内执行的函数,不过异步的就无法检测了*/
/*onerror 无法捕获到html上标签加载的js和css加载错误,可以捕获到事件错误*/
/*try{}catch(e){}可以使用在初始化调用函数时,onerror可以使用在事件错误或者动态加载文件错误*/
function checkErr(fn){
     try {
         fn();
     } catch (e){
         console.log(e);
     }
}
 
 
checkErr( function (){
     var current=document.currentScript;
     current.onload= function (){
         console.log( "error.js加载成功" );
     }
     window.onerror= function (){
         console.log(arguments);
         return true ;
     }
});

  onerror返回true就不会报错在控制台。

原文链接:http://www.cnblogs.com/zhangzhicheng/p/7143638.html


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2026 CODEPRJ.COM