使用BugReplay快速摆脱错误

最新推荐文章于 2024-10-02 10:53:34 发布

cunjie3951

最新推荐文章于 2024-10-02 10:53:34 发布

阅读量210

点赞数

文章标签： python java 编程语言 php linux

作为一名Web开发人员，您一定会遇到不太精通技术的客户。一些客户可能希望您为他们创建一个新的网站，而另一些客户可能只希望对特定部分进行更改或添加新功能。通常情况是这样的：

您更新网站的一部分，检查一切是否正常，然后上床睡觉。
第二天，您醒来仅是发现来自客户的电子邮件或消息，该消息称该网站无法正常运行。
您开始怀疑是什么不起作用，然后在自己的设备上打开网站。此时，您也许可以重现客户正在谈论的问题并进行修复。但是，在某些不幸的情况下，该网站似乎运行正常，并且您将无法看到客户的抱怨。
这是麻烦开始的时候。该网站可能不适用于您的客户以及许多其他人，但是您不知道出了什么问题以及如何解决此问题。
您开始询问客户什么不起作用，他们正在使用的浏览器，他们到底在做什么等，以期能够重现您的问题。有时您可以重现问题，但有时则无法。

整个过程对您和您的客户都非常沮丧。在这种情况下，我希望我可以坐在客户旁边，自己看看一切。

BugReplay帮助您完成非常相似的操作。您不再需要向用户询问有关他们的浏览器，Cookie，插件等的大量问题。您要做的就是给他们提供一个链接，他们可以单击该链接来开始浏览器录制。

您也可以使用BugReplay进行内部测试。在本文中，我们将介绍该软件的所有功能，这些功能可使网站的内部测试或轻松获得出色的客户支持成为可能。

BugReplay记录“浏览器”选项卡中所有可见的内容

每当您问用户要重现错误的步骤时，您都无法确保用户没有错过任何步骤。 BugReplay通过记录用户在尝试重现该错误时所做的所有工作，来帮助您克服这个非常普遍的问题。这不仅在解决客户投诉方面很有帮助，而且还可以加快内部测试的速度并使整个过程非常高效。

正如您在此视频中看到的那样，BugReplay记录了用户执行的所有操作，从单击按钮到在浏览器窗口中上下滚动。

虽然查看用户在遇到您的网站问题时的操作是有帮助的，但仍然很难知道用户安装的任何插件是否干扰了脚本或用户是否已禁用Cookie等。仅通过观看上述视频即可，您可能会得出结论，由于调用检索图像失败而未显示图像。

也有可能检索到的图像没有任何错误，但是由于本应将它们排列在两个不同列中的代码存在一些问题，所以未显示它们。

此时，您所能做的只是猜测，并希望有一种方法可以让您查看所有网络调用以及JS控制台以确定出了什么问题。幸运的是，BugReplay还记录了所有网络请求和响应。

这些呼叫均与屏幕录制同步，以帮助您准确确定何时触发网络呼叫。可以根据各种因素（例如域，MIME类型和请求的HTTP状态等）对呼叫进行过滤。以下视频向您展示BugReplay如何帮助您快速确定是否有网络呼叫引起了该错误。

在视频中，尝试观察单击右侧的“设置”图标并应用不同的过滤器如何更改“ 网络流量”选项卡中显示的请求列表。在任何给定时间仅应用突出显示的过滤器。您还应该看到“ 网络流量”选项卡在开始时没有显示任何呼叫。这是因为仅在发出请求后，才会将呼叫添加到选项卡。知道何时触发电话对弄清应用程序或网站出了什么问题大有帮助。

当您处理的网站可能会使用不同的HTTP状态代码和MIME类型发出大量请求时，这些筛选器可能会非常有用。在下图中，我显示了按domain过滤请求并选择localhost的结果 。如您所见，我们的网络呼叫已按预期触发。

您也可以单击任何网络呼叫以找到有关此请求的更多信息，例如请求的持续时间。您还可以检查请求和响应头。

以下屏幕截图显示了我们第二个请求的详细信息。如您所见，我们将重新获得JSON响应。这意味着应该将图像放置在两个不同列中的代码一定有问题。

BugReplay中的网络呼叫详细信息

就像过滤网络请求一样，您也可以根据JavaScript日志标签下的域，级别或来源过滤所有控制台消息。在这种情况下，我们正在寻找错误消息，这就是为什么将级别过滤器设置为error的原因 。单击要检查的错误后，您将看到有关此错误的更多详细信息。这是该错误的屏幕截图，该错误在我们的情况下阻止了图像显示。