js捕获错误信息

最新推荐文章于 2024-12-12 14:06:20 发布

写个程序换个饼

最新推荐文章于 2024-12-12 14:06:20 发布

阅读量1.2k

点赞数

分类专栏：经验总结文章标签： javascript

本文链接：https://blog.csdn.net/iteye_17835/article/details/105252771

版权

本文介绍了如何在客户端捕获JS语法和执行错误，以及收集请求错误。通过重载`window.onerror`函数，可以在原生JS环境中捕获错误信息。在Angular环境下，由于其特殊的错误处理机制，可以通过重置`console.error`来捕获错误。同时，针对请求错误，可以通过封装XMLHttpRequest来捕获异常。

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

这个不是很常用的功能，但是想收集客户端的错误信息时却很有必要了解下。捕获分为两个方面:

收集JS语法、执行错误

最初的是想直接获取控制台的错误信息；然而这并不大可行，JS并没有这样的功能。

转换下思路

在错误发生时，将错误进行存储。

原生JS实现方式:

通过重载 window 对象下的 onerror 函数，可以截取到这些信息。

window.onerror = function(errorMessage, scriptURI, lineNumber,columnNumber,errorObj) {
   console.log("错误信息：" , errorMessage);
   console.log("出错文件：" , scriptURI);
   console.log("出错行号：" , lineNumber);
   console.log("出错列号：" , columnNumber);
   console.log("错误详情：" , errorObj);
}