在 onerror 事件处理函数中获取错误对象的详细信息

在 onerror 事件处理函数中，可以通过事件对象的 error 属性来获取错误对象，进而获取错误的详细信息。

获取错误消息

• 错误对象的 message 属性通常包含了对错误的简要描述，可以直接通过 event.error.message 来获取错误消息文本，该消息能够帮助快速了解错误的大致原因。

  socket.addEventListener('error', function(event) {
       
  console.error('WebSocket error message:', event.error.message);
  });
  

获取错误名称

• name 属性表示错误的名称，它可以提供有关错误类型的更具体信息，如 Error、SyntaxError、NetworkError 等。通过获取错误名称，可以对错误进行更细致的分类和处理。

  socket.addEventListener('error', function(event) {
       
  console.error('WebSocket error name:', event.error.name);
  });
  

获取堆栈跟踪信息

• 在一些现代浏览器中，错误对象还提供了 stack 属性，它包含了错误发生时的堆栈跟踪信息，即函数调用栈的详细记录。堆栈跟踪信息展示了导致错误的函数调用路径，从最初的触发点一直到错误被抛出的位置，这对于定位错误发生的具体位置和查找问题根源非常有帮助。

  socket.addEventListener('error', function(event) {
       
  console.error('WebSocket error stack:', event.error.stack);
  });
  

检查特定于WebSocket的错误属性

• 对于WebSocket相关的错误，错误对象可能还包含一些特定于WebSocket的属性或扩展信息。例如，某些浏览器可能会在错误对象中添加与连接状态、协议错误码等相关的属性。虽然这些属性并非所有浏览器都通用，但在特定的环境下可以作为辅助信息来进一步分析WebSocket连接失败的原因。

  socket.addEventListener('error', function(event) {
       
  if (event.error.hasOwnProperty('code')) {
       
    console.error('WebSocket error code:', event.error.code);
  }
  if (event.error.hasOwnProperty('reason')) {
       
    console.error('WebSocket error reason:', event.error.reason);
  }
  });
  

通过以上方法，可以在 onerror 事件处理函数中全面地获取错误对象的详细信息，从而更有效地进行错误诊断、调试和处理，提高WebSocket应用的稳定性和可靠性。需要注意的是，不同浏览器对错误对象的具体实现和属性支持可能会略有不同，在实际应用中可能需要根据目标浏览器的特性进行适当的兼容性处理。