前端日志

摘要:
只有少数技术用于前端日志记录。一个是try()catch{}和一个错误。如果有必要,他们还会使用一些特殊的东西来检测错误,更不用说这个了。

前端日志

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

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

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

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

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

前端日志使用到技术一般就几个,一个是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就不会报错在控制台。

免责声明:文章转载自《前端日志》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇cookie详解[转]CSS布局口诀 CSS BUG顺口溜下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

移动端和web端前端UI库—Frozen UI、WeUI、SUI Mobile

web http://www.pintuer.com/ 拼图 http://www.h-ui.net/ http://www.layui.com/ 很厉害的一个个人产品 http://amazeui.org/ 这也是一个 mui.com 这个也是一个不错的 Frozen UI 自述:简单易用,轻量快捷,为移动端服务的前端框架。 主页:http://fr...

vue cli 3

介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统 通过 @vue/cli 搭建交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。 一个运行时依赖 (@vue/cli-service) 一个开发环境依赖,局部安装在每个 @vue/cli 创建的项目中。 可升...

前端学习 -- image标签和meta标签

Image标签 使用img标签来向网页中引入一个外部图片, img标签也是一个自结束标签 属性: src:设置一个外部图片的路径 alt:可以用来设置在图片不能显示时,对图片的描述 搜索引擎可以通过alt属性来识别不同的图片 如果不写alt属性,则搜索引擎不会对img中的图片进行收录 width:可以用来修改图片的宽度,一般使用px作为单位...

【总结】前端面试会问哪些问题?

关于面试的问题大家对于才参加工作的大部分人来说,有点虚,这篇文章出自别人只手,小子借花献佛,拿出来为各位看官捋一捋(博主很对小子的胃口),下面是原文的连接:这里,没事儿也去给他攒点人气吧对于前端开发人员的招聘,面试是非常关键的环节,而现实的情况是,很多招聘者是开发出身,不会面试,不知道问什么,问了一些常规问题,又不知道考察些什么。 这里分享一下我在面试过程...

Web前端开发工程师编程能力飞升之路

【背景】 如果你是刚进入web前端研发领域,想试试这潭水有多深,看这篇文章吧;如果你是做了两三年web产品前端研发,迷茫找不着提高之路,看这篇文章吧;如果你是四五年的前端开发高手,没有难题能难得住你的寂寞高手,来看这篇文章吧; web前端研发工程师,在国内是一个朝阳职业,自07-08年正式有这个职业以来,也不过三四年的时间。这个领域没有学校的正规教育,没有...

前端框架Vue自学之Vue组件化开发(三)

终极目标:掌握和使用Vue(全家桶:Core+Vue-router+Vuex) 本博客目的:记录Vue学习的进度和心得(Vue组件化开发) 内容:通过官网说明,掌握Vue组件化开发。 正文: Vue组件化开发 一、认识组件化 1、什么是组件化? 任何一个人处理信息的逻辑能力都是有限的,所以,当面对一个非常复杂的问题时,我们不太可能一次性搞定一大堆的内容。但...