本文介绍了JavaScript中错误的分类，包括即时运行错误和资源加载错误的处理方法。对于即时运行错误，可以通过try...catch和window.onerror进行捕获。资源加载错误方面，可以利用object.onerror、performance.getEntries()以及Error事件。同时，为实现跨域资源错误捕获，需在script标签添加crossorigin属性，并配置相应的响应头。最后，讨论了错误上报的基本原理，提到了使用ajax和image对象进行错误信息的上报。
1.错误的分类
- 即时运行错误：代码错误
(1) try...catch (2) window.onerror /addEventLister
- 资源加载错误（不会冒泡但是可以捕获）
（1） object.onerror(写在标签上) （2）performance.getEntries();可以拿到所有正常加载的资源 是一个数组。
（3）Error事件捕获
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>jsonp 演示</title>
<script type="text/javascript">
window.addEventListener('error',function(e){console.log(e)},true)
//true 捕获 false 冒泡
</script>
</head>
<body>
<script src="http://mkool.com/aa.html" charset="utf-8"></script>
</body>
</html>
js 跨域资源也可以捕获 需要在script 标签添加 crossorigin属性，设置js资源相应头 Access-Control-Allow-Origin:*
上报错误的基本原理
（1）ajax
(2) 用 image对象上报
(new Image).src="http://mook.com/aa.html?a=error"
扫一扫
114
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
