捕获所有 JavaScript 错误并将它们发送到服务器 [已关闭]

我会检查window.onerror

例：

window.onerror = function(message, url, lineNumber) {  
  //save error and send to server for example.
  return true;
};  

请记住，返回 true 将阻止触发默认处理程序，返回 false 将允许默认处理程序运行。

如果您的网站使用的是 Google Analytics，您可以执行我的工作：

window.onerror = function(message, source, lineno, colno, error) {
  if (error) message = error.stack;
  ga('send', 'event', 'window.onerror', message, navigator.userAgent);
}

对上述代码的几点评论：

• 对于现代浏览器，将记录完整的堆栈跟踪。
• 对于不捕获堆栈跟踪的旧版浏览器，将改为记录错误消息。（根据我的经验，主要是早期的 iOS 版本）。
• 用户的浏览器版本也会被记录下来，因此您可以查看哪些操作系统/浏览器版本引发了哪些错误。这简化了 bug 优先级和测试。
• 如果您将Google Analytics与“analytics.js”一起使用，则此代码有效，如下所示。如果你使用“gtag.js”，像这样，你需要调整函数的最后一行。有关详细信息，请参阅此处。

代码到位后，您可以查看用户的 Javascript 错误：

1. 在 Google Analytics（分析）中，先点击相应部分，然后点击报告。BehaviorTop Events
2. 您将获得一个事件类别列表。单击列表中。window.onerror
3. 您将看到 Javascript 堆栈跟踪和错误消息的列表。通过单击按钮并在显示的文本框中输入，将用户的操作系统/浏览器版本的列添加到报表中。Secondary dimensionEvent Label
4. 该报告将如下面的屏幕截图所示。
5. 为了将操作系统/浏览器字符串转换为更易于阅读的描述，我将它们复制粘贴到 https://developers.whatismybrowser.com/useragents/parse/

不要尝试使用第三方服务，而是尝试自己的服务。

错误处理程序可以捕获以下情况：

1. 无法捕获未捕获的 TypeError
2. 无法捕获未捕获的引用错误，例如：var.click（）
3. 可以捕获 TypeError
4. 可以捕获语法错误
5. 可以捕获 ReferenceError

要捕获 Javascript 错误，请执行以下操作：

window.addEventListener('error', function (e) {
  //It Will handle JS errors 
})

要捕获 AngularJS 错误：

app.config(function ($provide) {
$provide.decorator('$exceptionHandler', function ($delegate) {
   return function (exception, cause) {
       //It will handle AngualarJS errors
      }
   })
})