TraceKit-跨浏览器堆栈跟踪日志标准化

最新推荐文章于 2024-08-14 08:45:28 发布

祖传做年糕

最新推荐文章于 2024-08-14 08:45:28 发布

阅读量1.1k

点赞数

分类专栏：前端日志文章标签： javascript

本文链接：https://blog.csdn.net/biraotian/article/details/113866204

版权

在使用Sentry进行前端错误日志上报时，TraceKit用于标准化错误信息。由于不同浏览器对错误对象的堆栈跟踪支持不一，需要通过onerror、onunhandledrejection和try...catch等方法捕获和处理各种类型的错误。TraceKit能统一不同浏览器的错误格式，提供跨平台的错误信息标准化。使用时需注意try / catch包裹，正确引发错误，并可通过unsubscribe方法管理订阅者。了解更多详情，可查看TraceKit GitHub仓库。

摘要由CSDN通过智能技术生成

在进行前端错误日志上报时，使用了sentry，他使用TraceKit来实现错误信息标准化。为什么需要格式化？因为并非所有浏览器都支持对错误对象的堆栈跟踪，一般我们在浏览器端获取程序错误信息有如下4种：

1、onerror可以捕获到宏任务抛出的错误，微任务比如：Promise，和async函数抛出的错误是捕获不到的。

window.onerror = (msg) => {
   
  console.log('捕获到错误', msg)
}
// 可以捕获到错误
throw new Error()
// 可以捕获到错误
setTimeout(() => {
   
  throw new Error()
})
async function fn () {
   
  // 捕获不到这个错误
  throw new Error()
}
fn()
// 捕获不到这个错误
new Promise(() => {
   
  throw new Error()
})