[发明专利]用于排查前端页面问题的方法、装置及系统

说明书

本申请实施例公开了一种用于排查前端页面问题的方法及装置，以及一种提供前端页面监控信息的方法及装置，以及一种用于排查前端页面问题的系统。所述方法包括：接收客户端设备上传的关于前端页面的监控信息；将接收到的所述关于前端页面的监控信息存储到数据库中；根据查询请求从所述数据库中读取被请求页面的监控信息，供开发人员对所述被请求页面进行问题排查。采用上述方法，解决现有前端开发人员难以对出现问题的页面进行问题排查的问题。

技术领域

本申请实施例涉及前端页面技术领域，具体涉及一种用于排查前端页面问题的方法及装置，以及一种提供前端页面监控信息的方法及装置，以及一种用于排查前端页面问题的系统。

背景技术

随着应用业务的发展，业务逻辑也纷繁复杂，前端页面可能需要在不同的环境下进行显示，例如，不同的系统(IOS、Android等)、不同的客户端以及不同厂商的Webview等。

由于前端页面需要适应各种不同的场景，因此使得前端开发人员在开发前端页面时难度加大，需要考虑的问题也增多。某些场景下，如果前端页面在展示过程中出现问题(例如，样式或者逻辑问题)，由于前端开发人员无法获知前端页面在展示过程中的相关信息，因此难以对出现问题的页面进行问题排查，特别是对于偶现问题的前端页面，排查难度更大。

如何获取前端页面在展示过程中的相关信息、供开发人员利用这些信息进行问题页面的排查，成为了亟待解决的问题。

发明内容

本申请实施例提供一种用于排查前端页面问题的方法，以解决现有前端开发人员难以对出现问题的页面进行问题排查的问题。

所述用于排查前端页面问题的方法包括：

接收客户端设备上传的关于前端页面的监控信息；

将接收到的所述关于前端页面的监控信息存储到数据库中；

根据查询请求从所述数据库中读取被请求页面的监控信息，供开发人员对所述被请求页面进行问题排查。

可选的，所述根据查询请求从所述数据库中读取被请求页面的监控信息，供开发人员对所述被请求页面进行问题排查的步骤，包括：

根据查询请求从所述数据库中读取被请求页面的监控信息，并显示所述被请求页面的监控信息，供开发人员对所述被请求页面进行问题排查。

可选的，所述被请求页面的监控信息至少包括：被请求页面的截图；

所述显示所述被请求页面的监控信息，包括：

至少通过显示被请求页面的截图，重现被请求页面在所述客户端设备上的展示过程。

可选的，所述被请求页面的截图的数目为两个或者两个以上，且每个截图对应不同的采集时间点；

所述至少通过显示被请求页面的截图，重现被请求页面在所述客户端设备上的展示过程，包括：

至少通过按照采集时间点依次显示被请求页面的截图，以动画效果重现被请求页面在所述客户端设备上的展示过程。

可选的，所述被请求页面的监控信息还包括以下所列的辅助信息：页面的html内容、页面用户事件、页面内存、CPU利用率、和/或调试信息；

所述至少通过显示被请求页面的截图，重现被请求页面在所述客户端设备上的展示过程，包括：

通过显示被请求页面的截图以及辅助信息，重现被请求页面在所述客户端设备上的展示过程。

可选的，所述接收客户端设备上传的关于前端页面的监控信息，包括：

接收由前端页面的JS脚本上传的关于前端页面的监控信息；和/或，