前端错误监控

本文是前端错误监控的学习笔记,涵盖错误分类、捕获方法及上报原理。前端错误分为即时运行错误和资源加载错误,捕获方式包括try...catch、onerror事件及Error事件捕获。资源加载错误可通过对比资源数组间接捕获。上报错误通常利用AJAX或Image对象实现。
摘要由CSDN通过智能技术生成

本文是学习慕课网上课程前端跳槽面试必备技巧的学习笔记,便于之后复习。本文从以下几个方面说明错误监控:

1.前端错误的分类

2.错误的捕获方式

3.上报错误的基本原理

1.前端错误的分类

即时运行错误: 一般是代码错误

资源加载错误:图片、js、css等资源加载失败

2.错误的捕获方式

即时运行错误的捕获方式:

  1. try…catch
  2. window.onerror只能捕获即时运行错误,不能捕获资源加载错误。因为资源加载错误,并不会向上冒泡,object.onerror捕获后就会终止,所以window.onerror并不能捕获资源加载错误
// try-catch
try{

}catch(err=>{
    console.log(err)
})
// winodw.onerror
window.onerror = function(msg, url, line)    
{            
    console.log( "错误信息:"+msg+ "\n所在文件:"+ url  + &#
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值