本文介绍了JavaScript中监控和上报错误的两种主要方法：运行时错误通过try...catch和window.onerror进行捕获，资源加载错误则可通过object.onerror事件、performance.getEntries及error事件监听。对于跨域JS错误，需设置crossorigin属性并调整资源响应头。错误上报可使用ajax或image对象实现。
监控错误的几种方式
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文件，所以捕获到资源加载错误，所以打印出来了
最低0.47元/天 解锁文章
2448
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
