前端面试:前端错误监控

本文详细介绍了前端开发中常见的两种错误类型:即时运行错误和资源加载错误,并提供了各种捕获这些错误的方法,包括try...catch、window.onerror、object.onerror()、performance.getEntries()和Error事件捕获。同时,文章还探讨了如何通过设置跨域属性和响应头来捕获跨域JS运行错误,以及使用ajax和Image对象进行错误上报的基本原理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

前端错误的分类: 即时运行错误(代码错误)和资源加载错误。
即时运行错误的捕获方式:
1.try…catch 2.window.onerror
资源加载错误的捕获方式:
1.object.onerror() (无法冒泡)
2.performance.getEntries()
3.Error事件捕获

延伸:跨域的js运行错误跨域捕获吗?
可以。1.在script标签增加crossorigin属性
2.设置js资源响应头Access-Control-Allow-Origin:*

上报错误的基本原理:
1.利用ajax
2.利用Image对象(生产环境使用)

总结:会者不难,难着不会,知道即可。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值