【随笔】面试-错误监控

Posted by ARTROY on 2018-07-27

前端错误的分类

即时运行错误:代码错误
资源加载错误:js、css及图片加载失败

错误的捕获方式

即时运行错误的捕获方式:
(1)try…catch
(2)window.onerror

资源加载错误:
(1)object.onerror
(2)performance.getEntries ``
(3)Error事件捕获

1
2
3
window.addEventListener('error', function(e) {
console.log('捕获', e)
}, true)

延伸:跨域的js运行错误可以捕获吗?错误提示什么?应该怎么处理?
答案: 可以捕获,只会拿到Script error ,只是没有相应的信息。
1、在script标签增加crossorigin属性(客户端)
2、设置js资源相应头Access-Control-Allow-Origin: *(服务端)

上报错误的基本原理

1、采用AJAX通信的方式上报

2、利用Image对象上报:Google的ja
{new Iamge()}.src = 'http://baidu.com/testjs?r=cw'



支付宝打赏 微信打赏

欣赏此文,打赏一下



-->