排查 JavaScript 错误

您可以使用 Stack Trace 调试 JavaScript 错误并找到准确的错误行。

您可以根据以下条件过滤 JavaScript 错误:

  1. 错误列表
  2. 类型
  3. 文件
  4. 浏览器
  5. 网址/页面
  6. 用户

您可以单击单个错误以进一步检查。

使用 Site24x7 真实用户监控 (RUM) 解释 JavaScript 错误:

  1. 登录到您的Site24x7 帐户 > RUM > 您的应用程序 > JavaScript 错误
  2. 选择一个特定的时间段。在此示例中,为 ZYLKER 应用程序显示了过去一周发生的 JavaScript 错误。
  3. 在这里我们可以看到上周在 33 个文件和 58 个网页中发生了超过 865 个 JavaScript 错误,影响了超过 137 个用户。
  4. 单击+ 新建过滤器按钮可根据错误列表、类型、浏览器、用户、URL/页面或域缩小错误范围。
  5. 对于我们的示例,错误是基于类型过滤的。选择脚本错误并单击保存
  6. 您还可以使用多个过滤器。例如,您可以选择查看 Chrome 浏览器上发生的语法错误的数量。 
  7. 应用上述过滤器向我们展示了三个 JavaScript 错误。单击任何错误以进一步检查。
  8. 从上图中,您可以清楚地深入了解发生此特定错误的确切实例。您还可以使用堆栈跟踪找到错误中的代码行。如果您的 JavaScript 文件被缩小,您可以上传您的源图以进一步调试。
  9. 如果您不想跟踪,也可以忽略某些 JS 错误。只需单击“忽略”,所选的 JS 错误将不会被进一步捕获。
  10. 您还可以单击“激活”来捕获以前忽略的 JavaScript 错误。
  11. 单击错误实例以查找此特定错误的所有出现。
  12. 您可以将此信息导出为 PDF 文件。

注意:您可以上传 JS 文件的源映射以识别堆栈跟踪中的确切错误行。 

  1. 请按照以下给定步骤操作:
  2. 登录到您的 Site24x7 帐户 > 转到 RUM > 单击您的应用程序。
  3. 导航到 JavaScript 错误 > 单击错误。
  4. 点击上传源映射,上传对应的JS source map。
  5. 您现在可以在堆栈跟踪中查看确切的错误行。单击导出 CSV 以将堆栈跟踪下载为 CSV 文件。 

了解 有关源映射以及如何生成它们的更多信息。