前端错误的分类
即时运行错误:代码错误
资源加载错误:js、css及图片加载失败
错误的捕获方式
即时运行错误的捕获方式:
(1)try…catch
(2)window.onerror
资源加载错误:
(1)object.onerror
(2)performance.getEntries ``
(3)Error事件捕获
1 | window.addEventListener('error', function(e) { |
延伸:跨域的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'
欣赏此文,打赏一下