监控错误的几种方式
1、运行时的错误就是代码错误
- try...catch
- window.onerror
2、资源加载的错误
- object.onerror(例如img.onerror事件)
- performance.getEntries(页面已经加载成功的资源,返回的是一个数组,加载失败的不在这个数组里面)
- error事件捕获,代码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
window.addEventListener('error', function (ev) {
console.log('捕获', ev)
},true) //true为捕获,false为冒泡
</script>
<script src="//a.js"></script> //文件加载失败不会冒泡,所以只能在window.error事件捕获阶段监听
</head>
<body>
</body>
</html>
结果如下:没有找到a.js文件,所以捕获到资源加载错误,所以打印出来了