加载脚本依赖发生错误 火狐_前端错误收集以及统一异常处理

本文讨论了前端错误的收集、处理和分析,包括window.onerror、unhandledrejection、console.error等错误处理方法,以及如何通过CORS解决Script error问题。同时介绍了服务端的uncaughtException和unhandledRejection处理,以及在Node.js中利用框架如Koa进行异常捕获。文章总结了不同类型的错误和统一异常处理的策略,旨在提升用户体验并及时发现潜在的代码问题。
摘要由CSDN通过智能技术生成

8ce3becc0ca29948aa5e52a8e13598e8.png

代码是很难真正意义的完全按照开发者的想法运行的,意外情况总是层出不穷,放任不管显然不是一个合格的开发者该做的事情,错误信息该如何进行处理、收集以及分析显得尤为重要,这篇文章就对于这部分内容进行讨论。

那对于前端同学来说,错误往往会阻塞程序运行,并抛出一个错误,给用户极其不好的体验。如果我们可以提前对错误有所准备,将错误捕获做出反应,给用户更好的体验。也可以通过对错误信息的收集和分析,主动的去发现一些潜藏着的代码问题,不用等着用户绕一大个圈子来向你提bug,你就能够第一时间拿到各种信息。

客户端收集

window.onerror

window.onerror会全局的在JavaScript运行时错误、语法错误发生时触发。

window
注意:这里我们可以拿到的是被throw出来,没有被catch过的错误。而不能拿到promise这样的错误。

凡事不会一帆风顺,很多同学再尝试的时候,一定发现了自己只能拿到一个Script error并没有错误本身的message、url等信息,在lineNum和colNum也都是0,并不是真正错误发生时的错误信息。

原因是浏览器在同源策略限制下所产生的。浏览器出于安全

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值