[发明专利]一种页面加载监控方法和装置

说明书

本发明公开了一种页面加载监控方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：服务端接收客户端上传的截图图片；对所述截图图片和预期图片做比对，得到比对结果；若比对结果为不匹配，则触发告警提醒，否则不做处理。该实施方式中当客户打开App页面，而页面加载出现问题时，可以第一时间进行告警提醒，无需客户联系客服来反馈使用问题，便于应用开发人员快速解决问题。

技术领域

本发明涉及计算机技术领域，尤其涉及一种页面加载监控方法和装置。

背景技术

随着移动端APP的发展，各种厂商定制系统和型号越来越多，对于产品上线后功能的监控情况变得越来越复杂，目前主要关注App的使用性能、稳定性、安全性等指标。在实现本发明的过程中，发明人发现现有技术至少存在如下问题：

1、缺少对App页面加载情况的监控；产品功能上线前，虽有经过兼容性测试，但并不能覆盖所有型号和系统，因而无法保证页面均可以正常加载；

2、部分机型页面加载功能出现问题后，不能及时发现，需要等待客户反馈后才能发现问题，影响客户体验，导致客户流失。

发明内容

有鉴于此，本发明实施例提供一种页面加载监控方法和装置，至少能够解决现有技术中缺少对App页面加载情况的监控，导致发现问题不及时的现象。

为实现上述目的，根据本发明实施例的一个方面，提供了一种页面加载监控方法，包括：

服务端接收客户端上传的截图图片；其中，截图图片在客户端应用启动后对页面进行截图得到；

对所述截图图片和预期图片做比对，得到比对结果；其中，所述预期图片为页面加载成功的图片或预先设置的页面原型图；

若比对结果为不匹配，则触发告警提醒，否则不做处理。

可选的，所述对所述截图图片和预期图片做比对，得到比对结果，包括：

预处理所述截图图片，以构建所述截图图片的指纹；

按照位置和数值对所述截图图片的指纹和所述预期图片的指纹做匹配，判断位置和数值均相同的位数；

若所述位数大于或等于预设位数，则确定所述截图图片和所述预期图片相似，否则为不同图片。

可选的，所述预处理所述截图图片，以构建所述截图图片的指纹，包括：

将所述截图图片的尺寸修改为所述预期图片的尺寸，对修改尺寸后的截图图片做灰度处理，得到灰度图片；

确定所述灰度图片中每个像素的灰度值，进而计算得到所有像素的灰度平均值；

对于单个像素，若灰度值大于或等于灰度平均值，则记为第一数值，否则记为第二数值；

组合每个像素的比较结果，以构建所述截图图片的指纹。

可选的，所述若比对结果为不匹配，则触发告警提醒，包括：

统计预设时间段内收到的有关所述页面的截图图片数量，以及统计比对结果为不匹配的次数；

计算所述次数在所述截图图片数量中的占比，若所述占比超出预设占比，则触发告警提醒。

可选的，所述截图图片位于截图信息中，所述截图信息还包括设备信息和/或应用版本信息；

所述若比对结果为不匹配，则触发告警提醒，还包括：

若比对结果为不匹配，则针对所述页面，按照设备信息和/或应用版本信息进行分别统计，以生成页面加载报告。

为实现上述目的，根据本发明实施例的一个方面，提供了另一种页面加载监控方法，包括：