前端日志

前端日志javascript

现今有不少没法预知的错误出现,但又不是全部的错误均可以使用pc端的浏览器重现问题所在,css

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

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

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

因此前端日志这个时刻起的做用就起来了。浏览器

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

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

/*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就不会报错在控制台。日志

相关文章
相关标签/搜索