在FutureStack错过了我们的大消息?在我们的圆润博客中阅读有关它的一切。 现在读它

使用更新的新遗物浏览器JavaScript错误页面查找并修复错误

6分钟阅读

经过席子球

如果您运行网站或Web应用程序,您知道他们不断发展。开发团队以前进率引入新的组件,功能和服务,以便将其应用程序现代化,将新的想法带入市场,或者根据客户反馈简单地改善。虽然更改至关重要,但它可以导致您在您的网站上引入新的错误和错误,特别是在快速移动时。这些错误和错误可以影响功能和性能,最终导致客户不满,放弃或丢失收入。

为了帮助您避免这种命运,我们已经更新了新的遗物浏览器JavaScript错误(以前可用的Beta,现在通常可用)。更新的JS错误页面有助于找到最有影响力的错误,并为您提供上下文来在本地重现错误,或者标识发生错误的确切代码行。您现在可以快速解决您最有问题的错误所需的更多信息。

阅读了解我们在此更新中提出的改进。

使用错误消息,筛选器和组用于快速上下文进入错误

当您发现错误时,您需要了解其影响:是您最广泛贩运的浏览器中发生的错误吗?它是否存在您的客户最多的设备?

以前,我们通过堆栈跟踪分组错误,但现在,默认情况下,我们通过错误消息对错误进行分组错误。但是,您还可以根据对您最重要的属性进行排序和分组错误;例如,您可以通过设备类型,浏览器或URI进行组。

有关误差的整体影响,请使用新的遗物浏览器过滤和面对错误。从中选择一个属性通过...分组列出,并通过该特定属性(例如,错误消息,设备类型,错误类,请求URI或用户代理名称)隔离错误。将过滤器添加到组中,并将属性和尺寸组合到段错误的发生频率或基于对数字业务最重要的属性。组和过滤器提供快速而强大的手段,以获得上下文进入您最关键的错误,因此您可以决定首先修复哪一个。

我们还添加了两个新的图表:一个通过错误消息显示前五个错误(也可按属性排序),另一个显示页面加载,其中浏览器类型排序错误。此外,错误配置文件,使用新的遗物应用智力,识别出错误或一组错误的异常态度。


更新的JavaScript错误Page组通过消息进行错误,并显示基于浏览器类型的错误的页面加载。

使用图表深入潜入错误

当您选择要调查的错误时,新的遗物浏览器图表提供有关基于浏览器和设备类型的错误发生的详细信息,并且错误最常见的位置,帮助您完全了解错误。

对于每个错误,我们捕获基本设备和浏览器级别属性以显示为什么可能在一个浏览器或设备上发生错误而不是另一个错误。使用请求URI查看发生错误的确切页面,并识别和监视多页组常见的错误。新的遗物浏览器基于时间窗口显示请求URI,并且它们是可译的。


浏览器图表显示有关浏览器和设备类型的错误发生的详细信息。

从事件日志数据重现错误,并使用堆栈迹线和源映射挖掘根本原因

使用更新的JavaScript错误页面来确定错误的根本原因,并获取如何在本地重现它的详细信息。这事件簿显示用户在击中错误之前采取的步骤。If you’re debugging an error in situations where you didn’t create or haven’t maintained the code where the error is occurring, an event log might be more helpful in your debugging than a stack trace, which doesn’t show the steps a user took before encountering the error.

除了事件日志之外,请使用堆栈迹线和源映射来针对抛出错误的文件名,代码行,函数或方法。

由缩小的JavaScript引起的错误在生产环境中是常见的,并且可能很难读取。虽然上传源贴图的能力以查看相同的代码未压缩在浏览器中不是新的,但是使用源映射和堆栈跟踪与事件日志一起为您提供更好的表面积,以便在本地重现错误。


使用事件日志检查错误的根本原因。

用于调试JavaScript错误的新深度和灵活性

您始终更改和更新您的网站和Web应用程序。无论您是从标准网页迁移到带有React,部署新站点的单页应用程序,或释放由JavaScript组件构建的新功能,您都会发现错误。

构建了改进的JavaScript错误页面以为您提供更深的上下文和一个操作路径,因此您可以加快您的时间来解决错误。使用此页面到

  1. 过滤器和组错误,并查看错误配置文件以缩小错误的范围。
  2. 使用浏览器图表了解受影响的浏览器和设备类型,并确定请求URI以隔离错误。
  3. 最后,使用事件日志在本地重现错误,并使用源映射和堆栈跟踪查找抛出错误的确切代码,方法或功能。

我们计划在年底删除我们的遗留JavaScript错误,这是一个完美的理由,即今天使用新的改进版本加快速度。